.ob-toast,
		.ob-toast .ob-toast-text .iconfont {
			font-size: 3.46667vmin
		}

		.ob-toast {
			font-family: sans-serif;
			left: 0;
			margin-top: -13.33333vmin;
			position: fixed;
			right: 0;
			text-align: center;
			top: 50%;
			width: 100%;
			z-index: 10800
		}

		.ob-toast .ob-toast-text {
			background-clip: padding-box;
			background-color: rgba(0, 0, 0, .85);
			border-radius: 1.6vmin;
			box-sizing: border-box;
			color: #fff;
			display: inline-block;
			max-height: 24vmin;
			max-width: 85%;
			min-width: 24vmin;
			padding: 2.4vmin
		}

		.ob-toast .ob-icon.toast {
			display: block;
			height: 8vmin;
			margin: 2.13333vmin auto;
			width: 8vmin
		}

		.ob-toast.text {
			margin-top: -2.66667vmin
		}

		.ob-toast.text .ob-toast-text {
			margin-top: 0;
			padding: 2.4vmin 4vmin
		}

		.ob-toast.hidden {
			display: none
		}

		.ob-toast__bridge_mask {
			bottom: 0;
			left: 0;
			position: fixed;
			right: 0;
			top: 0
		}

		.ob-spinner {
			animation: rotation .5s linear infinite;
			border: .53333vmin solid #ff4361;
			border-bottom-color: transparent;
			border-radius: 100%;
			display: inline-block
		}

		@keyframes rotation {
			0% {
				transform: rotate(0deg)
			}

			to {
				transform: rotate(359deg)
			}
		}

		@media (prefers-color-scheme:light) {
			[data-color-mode=auto][data-theme=dm] {
				--bui-color-blue: #48b1f1;
				--bui-color-orange: #ff8f3f;
				--bui-color-gray: #f5f5f5;
				--bui-color-pink: #ff8e92;
				--bui-color-neutral-2: #4d4d56;
				--bui-color-neutral-3: #9c9ca5;
				--bui-color-neutral-5: #f1f1f1;
				--bui-color-bg-default: #f4f5f6;
				--bui-color-powder-start: #ff72a2;
				--bui-color-powder-end: #ff7070;
				--bui-title-size-2: 20px;
				--bui-title-size-3: 18px;
				--bui-color-red: #ff4886;
				--bui-color-fg-default: #2e333e;
				--bui-color-fg-muted: #2e333e;
				--bui-shape-radius-label: 4px
			}
		}

		@media (prefers-color-scheme:dark) {
			[data-color-mode=auto][data-theme=dm] {
				--bui-color-neutral-5: #e5e5e5;
				--bui-color-powder-start: #ff4886;
				--bui-color-powder-end: #ffa662;
				--bui-color-fg-default: #f0f6fc;
				--bui-color-fg-muted: #8b949e;
				--bui-color-fg-subtle: #484f58;
				--bui-color-fg-disabled: #484f58;
				--bui-color-bg-default: #010409;
				--bui-color-bg-view: #161b22;
				--bui-color-border-default: #30363d
			}
		}

		.bui-default-light,
		:root,
		[data-color-mode=light][data-theme=default],
		page {
			--bui-color-fg-vip-title: #582331;
			--bui-color-fg-vip-subtitle: #874953;
			--bui-color-fg-vip-info: #a67070;
			--bui-color-fg-vip-disabled: #daaaa0;
			--bui-color-bg-rank: #fef4da;
			--bui-color-rank: #d7932c;
			--bui-color-border-vip: hsla(16, 72%, 71%, .4);
			--bui-color-border-rank: rgba(215, 147, 44, .4);
			--bui-color-mystery-start: #f273ff;
			--bui-color-mystery-end: #ca64ff;
			--bui-color-vip-light-start: #ffecc7;
			--bui-color-vip-light-end: #ffdbcf;
			--bui-color-vip-dark-start: #f5ac6b;
			--bui-color-vip-dark-end: #f7846d;
			--bui-color-vip-diamond-start: #202a4d;
			--bui-color-vip-diamond-end: #2b3858;
			--bui-color-red: #ff335c;
			--bui-color-red-light: #ffebef;
			--bui-color-pink: #dd10f2;
			--bui-color-pink-light: #fce7fe;
			--bui-color-orange: #ff8533;
			--bui-color-orange-light: #fff0e5;
			--bui-color-green: #00d68f;
			--bui-color-green-light: #dcf9f0;
			--bui-color-purple: #8b52ff;
			--bui-color-purple-light: #f2ebff;
			--bui-color-blue: #148aff;
			--bui-color-blue-light: #e1f0ff;
			--bui-color-gray: #8896b1;
			--bui-color-gray-light: #f3f5f8;
			--bui-color-black: #000;
			--bui-color-white: #fff;
			--bui-color-vip: #ff866e;
			--bui-color-neutral-0: var(--bui-color-black);
			--bui-color-neutral-1: #2e333e;
			--bui-color-neutral-2: #5f6672;
			--bui-color-neutral-3: #959aa5;
			--bui-color-neutral-4: #ced1d6;
			--bui-color-neutral-5: #e9ebef;
			--bui-color-neutral-6: #f5f6f8;
			--bui-color-neutral-7: var(--bui-color-white);
			--bui-font-weight-normal: 400;
			--bui-font-weight-medium: 500;
			--bui-font-weight-bold: 600;
			--bui-color-primary: var(--bui-color-red);
			--bui-color-primary-light: var(--bui-color-red-light);
			--bui-color-info: var(--bui-color-blue);
			--bui-color-info-light: var(--bui-color-blue-light);
			--bui-color-success: var(--bui-color-green);
			--bui-color-success-light: var(--bui-color-green-light);
			--bui-color-warning: var(--bui-color-orange);
			--bui-color-warning-light: var(--bui-color-orange-light);
			--bui-color-danger: var(--bui-color-red);
			--bui-color-danger-light: var(--bui-color-red-light);
			--bui-title-size-1: 5.6vmin;
			--bui-title-size-2: 4.8vmin;
			--bui-title-size-3: 4.26667vmin;
			--bui-title-size-4: 4vmin;
			--bui-text-size-1: 3.73333vmin;
			--bui-text-size-2: 3.46667vmin;
			--bui-text-size-3: 3.2vmin;
			--bui-text-size-4: 2.93333vmin;
			--bui-text-size-5: 2.66667vmin;
			--bui-color-fg-default: var(--bui-color-neutral-1);
			--bui-color-fg-muted: var(--bui-color-neutral-2);
			--bui-color-fg-subtle: var(--bui-color-neutral-3);
			--bui-color-fg-disabled: var(--bui-color-neutral-4);
			--bui-color-bg-default: var(--bui-color-neutral-6);
			--bui-color-bg-view: var(--bui-color-neutral-7);
			--bui-color-border-default: var(--bui-color-neutral-5);
			--bui-color-border-primary: rgba(255, 51, 92, .4);
			--bui-color-border-info: rgba(20, 138, 255, .4);
			--bui-color-border-success: rgba(0, 214, 143, .4);
			--bui-color-border-warning: rgba(255, 133, 51, .4);
			--bui-color-border-danger: rgba(255, 51, 92, .4);
			--bui-color-border-gray: rgba(136, 150, 177, .4);
			--bui-color-primary-start: #ef16b9;
			--bui-color-primary-end: var(--bui-color-red);
			--bui-color-secondary-start: #f32adf;
			--bui-color-secondary-end: var(--bui-color-pink);
			--bui-color-info-start: #33a7ff;
			--bui-color-info-end: var(--bui-color-blue);
			--bui-color-warning-start: #ffad33;
			--bui-color-warning-end: var(--bui-color-orange);
			--bui-color-success-start: #00ebac;
			--bui-color-success-end: var(--bui-color-green);
			--bui-color-danger-start: #ef16b9;
			--bui-color-danger-end: var(--bui-color-red);
			--bui-color-vip-start: #ffd4a6;
			--bui-color-vip-end: #ffbeae;
			--bui-shape-radius-popover: 4.8vmin;
			--bui-shape-radius-drawer: 3.2vmin;
			--bui-shape-radius-card: 2.4vmin;
			--bui-shape-radius-default: 1.6vmin;
			--bui-shape-radius-poster: 1.06667vmin;
			--bui-shape-radius-label: 0.8vmin;
			--bui-spacing-xl: 4vmin;
			--bui-spacing-lg: 3.2vmin;
			--bui-spacing-md: 2.4vmin;
			--bui-spacing-sm: 1.6vmin;
			--bui-spacing-xs: 1.06667vmin;
			--bui-line-height: 1.5;
			--bui-z-index-dropdown: 1000;
			--bui-z-index-affix: 1100;
			--bui-z-index-modal-backdrop: 1200;
			--bui-z-index-modal: 1200;
			--bui-z-index-popover: 1300;
			--bui-z-index-tooltip: 1400;
			--bui-z-index-toast: 1500
		}

		.bui-dark,
		[data-color-mode=dark][data-theme=default] {
			--bui-color-fg-default: #f0f6fc;
			--bui-color-fg-muted: #8b949e;
			--bui-color-fg-subtle: #484f58;
			--bui-color-fg-disabled: #484f58;
			--bui-color-bg-default: #010409;
			--bui-color-bg-view: #161b22;
			--bui-color-border-default: #30363d
		}

		.bui-dm-light,
		[data-color-mode=light][data-theme=dm] {
			--bui-color-blue: #48b1f1;
			--bui-color-orange: #ff8f3f;
			--bui-color-gray: #f5f5f5;
			--bui-color-pink: #ff8e92;
			--bui-color-neutral-2: #4d4d56;
			--bui-color-neutral-3: #9c9ca5;
			--bui-color-neutral-5: #f1f1f1;
			--bui-color-bg-default: #f4f5f6;
			--bui-color-powder-start: #ff72a2;
			--bui-color-powder-end: #ff7070;
			--bui-title-size-2: 5.33333vmin;
			--bui-title-size-3: 4.8vmin;
			--bui-color-red: #ff4886;
			--bui-color-fg-default: #2e333e;
			--bui-color-fg-muted: #2e333e;
			--bui-shape-radius-label: 1.06667vmin
		}

		.bui-dm-dark,
		[data-color-mode=dark][data-theme=dm] {
			--bui-color-neutral-5: #e5e5e5;
			--bui-color-powder-start: #ff4886;
			--bui-color-powder-end: #ffa662;
			--bui-color-fg-default: #f0f6fc;
			--bui-color-fg-muted: #8b949e;
			--bui-color-fg-subtle: #484f58;
			--bui-color-fg-disabled: #484f58;
			--bui-color-bg-default: #010409;
			--bui-color-bg-view: #161b22;
			--bui-color-border-default: #30363d
		}

		@media (prefers-color-scheme:light) {
			[data-color-mode=auto] {
				--bui-color-fg-vip-title: #582331;
				--bui-color-fg-vip-subtitle: #874953;
				--bui-color-fg-vip-info: #a67070;
				--bui-color-fg-vip-disabled: #daaaa0;
				--bui-color-bg-rank: #fef4da;
				--bui-color-rank: #d7932c;
				--bui-color-border-vip: hsla(16, 72%, 71%, .4);
				--bui-color-border-rank: rgba(215, 147, 44, .4);
				--bui-color-mystery-start: #f273ff;
				--bui-color-mystery-end: #ca64ff;
				--bui-color-vip-light-start: #ffecc7;
				--bui-color-vip-light-end: #ffdbcf;
				--bui-color-vip-dark-start: #f5ac6b;
				--bui-color-vip-dark-end: #f7846d;
				--bui-color-vip-diamond-start: #202a4d;
				--bui-color-vip-diamond-end: #2b3858;
				--bui-color-red: #ff335c;
				--bui-color-red-light: #ffebef;
				--bui-color-pink: #dd10f2;
				--bui-color-pink-light: #fce7fe;
				--bui-color-orange: #ff8533;
				--bui-color-orange-light: #fff0e5;
				--bui-color-green: #00d68f;
				--bui-color-green-light: #dcf9f0;
				--bui-color-purple: #8b52ff;
				--bui-color-purple-light: #f2ebff;
				--bui-color-blue: #148aff;
				--bui-color-blue-light: #e1f0ff;
				--bui-color-gray: #8896b1;
				--bui-color-gray-light: #f3f5f8;
				--bui-color-black: #000;
				--bui-color-white: #fff;
				--bui-color-vip: #ff866e;
				--bui-color-neutral-0: var(--bui-color-black);
				--bui-color-neutral-1: #2e333e;
				--bui-color-neutral-2: #5f6672;
				--bui-color-neutral-3: #959aa5;
				--bui-color-neutral-4: #ced1d6;
				--bui-color-neutral-5: #e9ebef;
				--bui-color-neutral-6: #f5f6f8;
				--bui-color-neutral-7: var(--bui-color-white);
				--bui-font-weight-normal: 400;
				--bui-font-weight-medium: 500;
				--bui-font-weight-bold: 600;
				--bui-color-primary: var(--bui-color-red);
				--bui-color-primary-light: var(--bui-color-red-light);
				--bui-color-info: var(--bui-color-blue);
				--bui-color-info-light: var(--bui-color-blue-light);
				--bui-color-success: var(--bui-color-green);
				--bui-color-success-light: var(--bui-color-green-light);
				--bui-color-warning: var(--bui-color-orange);
				--bui-color-warning-light: var(--bui-color-orange-light);
				--bui-color-danger: var(--bui-color-red);
				--bui-color-danger-light: var(--bui-color-red-light);
				--bui-title-size-1: 21px;
				--bui-title-size-2: 18px;
				--bui-title-size-3: 16px;
				--bui-title-size-4: 15px;
				--bui-text-size-1: 14px;
				--bui-text-size-2: 13px;
				--bui-text-size-3: 12px;
				--bui-text-size-4: 11px;
				--bui-text-size-5: 10px;
				--bui-color-fg-default: var(--bui-color-neutral-1);
				--bui-color-fg-muted: var(--bui-color-neutral-2);
				--bui-color-fg-subtle: var(--bui-color-neutral-3);
				--bui-color-fg-disabled: var(--bui-color-neutral-4);
				--bui-color-bg-default: var(--bui-color-neutral-6);
				--bui-color-bg-view: var(--bui-color-neutral-7);
				--bui-color-border-default: var(--bui-color-neutral-5);
				--bui-color-border-primary: rgba(255, 51, 92, .4);
				--bui-color-border-info: rgba(20, 138, 255, .4);
				--bui-color-border-success: rgba(0, 214, 143, .4);
				--bui-color-border-warning: rgba(255, 133, 51, .4);
				--bui-color-border-danger: rgba(255, 51, 92, .4);
				--bui-color-border-gray: rgba(136, 150, 177, .4);
				--bui-color-primary-start: #ef16b9;
				--bui-color-primary-end: var(--bui-color-red);
				--bui-color-secondary-start: #f32adf;
				--bui-color-secondary-end: var(--bui-color-pink);
				--bui-color-info-start: #33a7ff;
				--bui-color-info-end: var(--bui-color-blue);
				--bui-color-warning-start: #ffad33;
				--bui-color-warning-end: var(--bui-color-orange);
				--bui-color-success-start: #00ebac;
				--bui-color-success-end: var(--bui-color-green);
				--bui-color-danger-start: #ef16b9;
				--bui-color-danger-end: var(--bui-color-red);
				--bui-color-vip-start: #ffd4a6;
				--bui-color-vip-end: #ffbeae;
				--bui-shape-radius-popover: 18px;
				--bui-shape-radius-drawer: 12px;
				--bui-shape-radius-card: 9px;
				--bui-shape-radius-default: 6px;
				--bui-shape-radius-poster: 4px;
				--bui-shape-radius-label: 3px;
				--bui-spacing-xl: 15px;
				--bui-spacing-lg: 12px;
				--bui-spacing-md: 9px;
				--bui-spacing-sm: 6px;
				--bui-spacing-xs: 4px;
				--bui-line-height: 1.5;
				--bui-z-index-dropdown: 1000;
				--bui-z-index-affix: 1100;
				--bui-z-index-modal-backdrop: 1200;
				--bui-z-index-modal: 1200;
				--bui-z-index-popover: 1300;
				--bui-z-index-tooltip: 1400;
				--bui-z-index-toast: 1500
			}
		}

		@media (prefers-color-scheme:dark) {
			[data-color-mode=auto] {
				--bui-color-fg-default: #f0f6fc;
				--bui-color-fg-muted: #8b949e;
				--bui-color-fg-subtle: #484f58;
				--bui-color-fg-disabled: #484f58;
				--bui-color-bg-default: #010409;
				--bui-color-bg-view: #161b22;

				--bui-color-border-default: #30363d… .ob-loading,
				.ob-loading .ob-loading-text .iconfont {
					font-size: 3.46667vmin
				}

				.ob-loading {
					font-family: sans-serif;
					left: 0;
					margin-top: -13.33333vmin;
					position: fixed;
					right: 0;
					text-align: center;
					top: 50%;
					width: 100%;
					z-index: 10800
				}

				.ob-loading .ob-loading-text {
					background-clip: padding-box;
					background-color: rgba(0, 0, 0, .85);
					border-radius: 1.6vmin;
					box-sizing: border-box;
					color: #fff;
					display: inline-block;
					max-height: 24vmin;
					max-width: 85%;
					min-width: 24vmin;
					padding: 2.4vmin
				}

				.ob-loading .ob-icon.loading {
					display: block;
					height: 8vmin;
					margin: 2.13333vmin auto;
					width: 8vmin
				}

				.ob-loading.text {
					margin-top: -2.66667vmin
				}

				.ob-loading.text .ob-loading-text {
					margin-top: 0;
					padding: 2.4vmin 4vmin
				}

				.ob-loading.hidden {
					display: none
				}

				.ob-loading__bridge_mask {
					bottom: 0;
					left: 0;
					position: fixed;
					right: 0;
					top: 0
				}

				.ob-spinner {
					animation: rotation .5s linear infinite;
					border: .53333vmin solid #ff4361;
					border-bottom-color: transparent;
					border-radius: 100%;
					display: inline-block
				}

				@keyframes rotation {
					0% {
						transform: rotate(0deg)
					}

					to {
						transform: rotate(359deg)
					}
				}

				.tpp-err {
					--err-fg-color: var(--bui-color-fg-subtle, #959aa5)
				}

				.tpp-err .tpp-err-c {
					color: var(--err-fg-color);
					padding: 0 10.66667vmin 26.66667vmin;
					text-align: center
				}

				.tpp-err .err-img {
					padding-bottom: 5.33333vmin;
					padding-top: 29.33333vmin
				}

				.tpp-err .err-img .i-err {
					background-position: 50%;
					background-repeat: no-repeat;
					background-size: contain;
					display: block;
					height: 40vmin;
					margin: 0 auto;
					width: 40vmin
				}

				.tpp-err .tips {
					padding: 0 10.66667vmin
				}

				.tpp-err .txt-main {
					font-size: 4.26667vmin
				}

				.tpp-err .txt-sub {
					font-size: 3.73333vmin;
					padding-top: 2.66667vmin
				}

				.tpp-err .err-acts {
					padding-top: 5.33333vmin;
					white-space: nowrap
				}

				.tpp-err .tpp-btn {
					background: #fff;
					background: var(--bui-color-bg-view, #fff);
					border: 1px solid var(--err-fg-color);
					border-radius: 26.66667vmin;
					box-sizing: border-box;
					color: var(--err-fg-color);
					display: inline-block;
					font-size: 3.73333vmin;
					height: 8.8vmin;
					line-height: 8.8vmin;
					min-width: 26.66667vmin;
					outline: none;
					padding: 0 3.2vmin;
					text-align: center;
					-webkit-user-select: none;
					-moz-user-select: none;
					user-select: none;
					vertical-align: middle
				}

				.ob-dialog-mask {
					background-color: rgba(0, 0, 0, .5);
					bottom: 0;
					display: none;
					height: 100%;
					left: 0;
					position: fixed;
					right: 0;
					top: 0;
					width: 100%;
					z-index: 10299
				}

				.ob-dialog-mask.show {
					display: block
				}

				.ob-dialog {
					display: none;
					left: 50%;
					position: fixed;
					text-align: center;
					top: 50%;
					transform: translateX(-50%) translateY(-50%);
					width: 100%;
					z-index: 10300
				}

				.ob-dialog.show {
					display: block
				}

				.ob-dialog .ob-dialog-wrap {
					background-clip: padding-box;
					background-color: #fff;
					border-radius: 3.2vmin;
					line-height: 5.6vmin;
					margin: 0 auto;
					max-width: 80vmin;
					padding-top: 5.6vmin
				}

				.ob-dialog .ob-dialog-header {
					box-sizing: border-box
				}

				.ob-dialog .ob-dialog-header h3 {
					color: #2e333e;
					font-size: 4.8vmin;
					font-weight: 500;
					padding: 0 10.66667vmin 2.4vmin;
					text-align: center
				}

				.ob-dialog .ob-dialog-img {
					margin: 0 auto;
					padding: 4vmin 10.66667vmin 0;
					position: relative;
					text-align: center
				}

				.ob-dialog .ob-dialog-img img {
					display: inline-block;
					height: 36vmin;
					width: 36vmin
				}

				.ob-dialog .ob-dialog-header+.ob-dialog-img {
					padding: 4vmin 0 0
				}

				.ob-dialog .ob-dialog-header+.ob-dialog-img:before {
					border-top: 1px solid #e5e5e5;
					box-sizing: border-box;
					content: " ";
					height: 200%;
					left: 0;
					position: absolute;
					top: 0;
					transform: scale(.5);
					transform-origin: 0 0;
					width: 200%
				}

				.ob-dialog .ob-dialog-body {
					box-sizing: border-box;
					color: #5f6672;
					font-size: 4vmin;
					line-height: 5.33333vmin;
					padding: 0 6.4vmin
				}

				.ob-dialog .ob-dialog-body:first-child .ob-dialog-brief {
					color: #5f6672;
					font-size: 4vmin;
					padding-top: .8vmin
				}

				.ob-dialog .ob-dialog-brief {
					display: block;
					text-align: center
				}

				.ob-dialog .ob-dialog-footer {
					border-top: 1px solid rgba(0, 0, 0, .05);
					display: -webkit-flex;
					margin-top: 4vmin
				}

				.ob-dialog .ob-dialog-header+.ob-dialog-footer {
					margin-top: 1.6vmin
				}

				.ob-dialog .ob-dialog,
				.ob-dialog .ob-dialog-button {
					background: 0 0;
					border: 0;
					border-left: 1px solid rgba(0, 0, 0, .05);
					box-sizing: border-box;
					color: #5f6672;
					display: block;
					flex: 1 1;
					font-size: 4.53333vmin;
					height: 14.13333vmin;
					line-height: 6.66667vmin;
					outline: 0;
					padding: 3.2vmin 0 3.46667vmin;
					text-align: center;
					width: 100%
				}

				.ob-dialog .ob-dialog-button:first-child,
				.ob-dialog .ob-dialog:first-child {
					border-bottom-left-radius: 3.2vmin;
					border-left: 0
				}

				.ob-dialog .ob-dialog-button:last-child,
				.ob-dialog .ob-dialog:last-child {
					border-bottom-right-radius: 3.2vmin;
					color: #ff4361;
					font-weight: 500
				}

				.ob-dialog .ob-dialog-button:disabled,
				.ob-dialog .ob-dialog:disabled {
					color: #c2c2c2
				}

				.ob-dialog .ob-dialog-button.hover,
				.ob-dialog .ob-dialog-button:active,
				.ob-dialog .ob-dialog.hover,
				.ob-dialog .ob-dialog:active {
					background-color: rgba(54, 57, 64, .05)
				}

				.ob-dialog .selection {
					display: block
				}

				.ob-dialog .selection .ob-dialog-button {
					border-left: 0;
					border-top: 1px solid rgba(0, 0, 0, .05);
					display: block
				}

				.ob-dialog .selection .ob-dialog-button:first-child {
					border-radius: 0;
					border-top: 0
				}

				.ob-dialog .selection .ob-dialog-button:last-child {
					border-bottom-left-radius: 3.2vmin
				}

				.ob-dialog input.ob-password-former,
				.ob-dialog input.ob-text-former {
					background-clip: padding-box;
					background-color: #f5f6fe;
					border: 0;
					border-radius: 1.6vmin;
					box-shadow: 0 1px 0 hsla(0, 0%, 100%, .4);
					box-sizing: border-box;
					display: block;
					font-size: 3.73333vmin;
					height: 10.4vmin;
					margin-top: 3.73333vmin;
					overflow: hidden;
					padding: 0 3.2vmin;
					width: 100%
				}

				.ob-dialog.image .ob-dialog-wrap {
					position: relative
				}

				.ob-dialog.image .ob-dialog-img+.ob-dialog-header h3 {
					padding: 1.86667vmin 0 2.4vmin
				}

				.baseHeight {
					font-size: 13.06666667vw;
					font-size: var(--immersive-bar-base-height, 13.06666667vw);
					height: 13.06666667vw;
					height: var(--immersive-bar-base-height, 13.06666667vw)
				}

				.imgStyle,
				.immersive-container {
					background-position: bottom;
					background-repeat: no-repeat;
					background-size: cover
				}

				.immersive-container {
					width: 100vw
				}

				.immersive-container.pure-mode {
					left: 0;
					position: absolute;
					right: 0;
					top: 0
				}

				.nav-wrap {
					left: 0;
					overflow: hidden;
					position: fixed;
					top: 0;
					width: 100vw;
					z-index: 1100
				}

				.nav-wrap .back-btn {
					background-position: bottom;
					background-repeat: no-repeat;
					background-size: cover;
					left: .24489796em;
					width: .48979592em
				}

				.nav-wrap .back-btn,
				.nav-wrap .title-wrap {
					align-items: center;
					bottom: 0;
					display: flex;
					flex-direction: column;
					justify-content: center;
					position: absolute
				}

				.nav-wrap .title-wrap {
					left: 50%;
					text-align: center;
					transform: translateX(-50%);
					width: 81vw
				}

				.nav-wrap .title-wrap .title {
					font-size: .34693878em;
					font-weight: 500;
					padding-top: .11764706em
				}

				.nav-wrap .title-wrap .subtitle {
					font-size: .20408163em
				}

				.immersive-bar-height {
					height: var(--immersive-bar-height)
				}

				.bui-svg-icon {
					background-size: cover;
					display: inline-flex;
					flex-shrink: 0;
					height: 1em;
					-webkit-user-select: none;
					-moz-user-select: none;
					user-select: none;
					width: 1em
				}

				.bui-svg-icon.icon-size-small {
					font-size: 4.26667vmin
				}

				.bui-svg-icon.icon-size-medium {
					font-size: 5.33333vmin
				}

				.bui-svg-icon.icon-size-large {
					font-size: 6.4vmin
				}

				svg.bui-svg-icon {
					fill: currentColor;
					transition: fill .2s cubic-bezier(.4, 0, .2, 1) 0ms
				}

				.bui-backdrop {
					align-items: center;
					background-color: rgba(0, 0, 0, .68);
					bottom: 0;
					display: flex;
					justify-content: center;
					left: 0;
					position: fixed;
					right: 0;
					top: 0
				}

				.bui-backdrop-invisible {
					background-color: transparent
				}

				.bui-modal {
					bottom: 0;
					left: 0;
					position: fixed;
					right: 0;
					top: 0;
					z-index: var(--bui-z-index-modal)
				}

				.bui-modal-exited {
					visibility: hidden
				}

				.bui-modal .bui-backdrop {
					z-index: -1
				}

				.bui-drawer-content {
					background-color: var(--bui-color-bg-view);
					display: flex;
					flex: 1 0 auto;
					flex-direction: column;
					height: 100%;
					outline: 0;
					position: fixed;
					top: 0
				}

				.bui-drawer-content-left {
					left: 0
				}

				.bui-drawer-content-top {
					height: auto;
					left: 0;
					max-height: 100%;
					right: 0;
					top: 0
				}

				.bui-drawer-content-right {
					right: 0
				}

				.bui-drawer-content-bottom {
					bottom: 0;
					height: auto;
					left: 0;
					max-height: 100%;
					right: 0;
					top: auto
				}

				.bui-btn {
					--bg-color: var(--bui-button-default-bg-color, var(--bui-color-neutral-5));
					--text-color: var(--bui-button-text-color, var(--bui-color-fg-muted));
					--border-color: var(--bui-button-border-color, var(--bui-color-neutral-4));
					--border-radius: var(--bui-button-border-radius, 26.66667vmin);
					--font-weight: var(--bui-button-font-weight, var(--bui-font-weight-medium));
					align-items: center;
					background-color: transparent;
					border: 1px solid transparent;
					border-radius: 26.66667vmin;
					border-radius: var(--border-radius);
					box-sizing: border-box;
					color: var(--bui-button-text-color, var(--bui-color-fg-muted));
					color: var(--text-color);
					cursor: pointer;
					display: inline-flex;
					font-size: var(--bui-text-size-3);
					font-weight: var(--bui-button-font-weight, var(--bui-font-weight-medium));
					font-weight: var(--font-weight);
					height: 7.2vmin;
					justify-content: center;
					line-height: var(--bui-line-height);
					margin: 0;
					outline: 0;
					position: relative;
					white-space: nowrap
				}

				@keyframes spin {
					0% {
						transform: rotate(0deg)
					}

					to {
						transform: rotate(1turn)
					}
				}

				.bui-btn:after {
					border: 0
				}

				.bui-btn:before {
					background-color: var(--bui-color-black);
					border: inherit;
					border-color: var(--bui-color-black);
					border-radius: inherit;
					content: " ";
					height: 100%;
					left: 50%;
					opacity: 0;
					position: absolute;
					top: 50%;
					transform: translate(-50%, -50%);
					width: 100%
				}

				.bui-btn:active:before {
					opacity: .04
				}

				.bui-btn-icon-start {
					margin-right: var(--bui-spacing-xs)
				}

				.bui-btn-icon-end,
				.bui-btn-icon-start {
					align-self: center;
					display: inline-flex;
					flex-shrink: 0
				}

				.bui-btn-icon-end {
					margin-left: var(--bui-spacing-xs)
				}

				.bui-btn-disabled {
					opacity: .5;
					pointer-events: none
				}

				.bui-btn-small {
					font-size: var(--bui-text-size-4);
					height: 6.4vmin;
					padding: 0 2.93333vmin
				}

				.bui-btn-medium {
					height: 7.2vmin;
					padding: 0 3.73333vmin
				}

				.bui-btn-large {
					font-size: var(--bui-text-size-2);
					height: 8.8vmin;
					padding: 0 3.73333vmin
				}

				.bui-btn-full {
					font-size: var(--bui-title-size-4);
					height: 11.2vmin;
					width: 100%
				}

				.bui-btn-text.bui-btn-primary {
					color: var(--bui-color-primary)
				}

				.bui-btn-text.bui-btn-success {
					color: var(--bui-color-success)
				}

				.bui-btn-text.bui-btn-info {
					color: var(--bui-color-info)
				}

				.bui-btn-text.bui-btn-warning {
					color: var(--bui-color-warning)
				}

				.bui-btn-text.bui-btn-danger {
					color: var(--bui-color-danger)
				}

				.bui-btn-text.bui-btn-vip {
					color: var(--bui-color-vip)
				}

				.bui-btn-contained {
					background-color: var(--bg-color)
				}

				.bui-btn-contained.bui-btn-primary {
					background-image: linear-gradient(45deg, var(--bui-color-primary-start) 0, var(--bui-color-primary-end) 100%);
					color: var(--bui-color-white)
				}

				.bui-btn-contained.bui-btn-success {
					background-image: linear-gradient(45deg, var(--bui-color-success-start) 0, var(--bui-color-success-end) 100%);
					color: var(--bui-color-white)
				}

				.bui-btn-contained.bui-btn-info {
					background-image: linear-gradient(45deg, var(--bui-color-info-start) 0, var(--bui-color-info-end) 100%);
					color: var(--bui-color-white)
				}

				.bui-btn-contained.bui-btn-warning {
					background-image: linear-gradient(45deg, var(--bui-color-warning-start) 0, var(--bui-color-warning-end) 100%);
					color: var(--bui-color-white)
				}

				.bui-btn-contained.bui-btn-danger {
					background-image: linear-gradient(45deg, var(--bui-color-danger-start) 0, var(--bui-color-danger-end) 100%);
					color: var(--bui-color-white)
				}

				.bui-btn-contained.bui-btn-vip {
					background-image: linear-gradient(90deg, var(--bui-color-vip-start) 3%, var(--bui-color-vip-end) 100%);
					color: #582331
				}

				.bui-btn-outlined {
					border: 1px solid var(--border-color)
				}

				.bui-btn-outlined.bui-btn-primary {
					border-color: var(--bui-color-primary);
					color: var(--bui-color-primary)
				}

				.bui-btn-outlined.bui-btn-success {
					border-color: var(--bui-color-success);
					color: var(--bui-color-success)
				}

				.bui-btn-outlined.bui-btn-info {
					border-color: var(--bui-color-info);
					color: var(--bui-color-info)
				}

				.bui-btn-outlined.bui-btn-warning {
					border-color: var(--bui-color-warning);
					color: var(--bui-color-warning)
				}

				.bui-btn-outlined.bui-btn-danger {
					border-color: var(--bui-color-danger);
					color: var(--bui-color-danger)
				}

				.bui-btn-outlined.bui-btn-vip {
					border-color: var(--bui-color-vip);
					color: var(--bui-color-vip)
				}

				.bui-btn-light {
					background-color: var(--bui-color-gray-light)
				}

				.bui-btn-light,
				.bui-btn-light.bui-btn-warning {
					background-image: none;
					border: 1px solid transparent
				}

				.bui-btn-light.bui-btn-warning {
					background-color: var(--bui-color-warning-light);
					color: var(--bui-color-warning)
				}

				.bui-btn-light.bui-btn-primary {
					background-color: var(--bui-color-primary-light);
					background-image: none;
					border: 1px solid transparent;
					color: var(--bui-color-primary)
				}

				.bui-btn-light.bui-btn-info {
					background-color: var(--bui-color-info-light);
					background-image: none;
					border: 1px solid transparent;
					color: var(--bui-color-info)
				}

				.bui-btn-light.bui-btn-success {
					background-color: var(--bui-color-success-light);
					background-image: none;
					border: 1px solid transparent;
					color: var(--bui-color-success)
				}

				.bui-btn-light.bui-btn-danger {
					background-color: var(--bui-color-danger-light);
					background-image: none;
					border: 1px solid transparent;
					color: var(--bui-color-danger)
				}

				.bui-btn-light.bui-btn-vip {
					background-color: rgba(255, 134, 110, .3);
					color: var(--bui-color-vip);
					position: relative
				}

				.refund-endorse-header {
					align-items: center;
					display: flex;
					justify-content: space-between
				}

				.header {
					margin-bottom: 2.4vmin;
					position: relative
				}

				.header .header-cover {
					box-sizing: content-box;
					height: 36.53333333vmin
				}

				.header .count-down {
					background-color: #ffe9d2;
					border-radius: .53333vmin 2.13333vmin;
					color: #ff901c;
					font-size: 3.2vmin;
					font-weight: 700;
					line-height: 1;
					padding: .8vmin 1.33333333vmin;
					position: absolute;
					right: 0;
					top: 0
				}

				.ticket-info {
					background-color: var(--bui-color-bg-view);
					border-radius: 2.13333vmin;
					color: #5f6672;
					margin: 2.4vmin;
					padding: 4vmin 0 2.93333333vmin;
					position: relative
				}

				.ticket-info .top-container {
					display: flex;
					padding: 0 3.2vmin 2.66666667vmin
				}

				.ticket-info .top-container .movie-poster-c {
					border-radius: 1.6vmin;
					flex: none;
					height: 30.66666667vmin;
					overflow: hidden;
					width: 22.93333333vmin
				}

				.ticket-info .top-container .movie-poster-c .movie-poster {
					background-position: 50%;
					background-repeat: no-repeat;
					background-size: 22.93333vmin 30.66667vmin;
					border-radius: 1.6vmin;
					height: 30.66666667vmin;
					overflow: hidden;
					width: 22.93333333vmin
				}

				.ticket-info .top-container .movie-poster-c .movie-poster .movie-poster-img {
					display: inline-block;
					height: 30.66666667vmin;
					width: 22.93333333vmin
				}

				.ticket-info .top-container .buy-info {
					flex: auto;
					line-height: 1.2;
					margin-left: 3.2vmin;
					width: 0
				}

				.ticket-info .top-container .buy-info .info-title {
					align-items: baseline;
					color: var(--bui-color-fg-default);
					display: flex;
					font-size: 3.73333vmin;
					margin-bottom: .53333333vmin;
					margin-top: .53333333vmin
				}

				.ticket-info .top-container .buy-info .info-title .movie-name {
					display: -webkit-box;
					font-size: 5.33333vmin;
					font-weight: 600;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					overflow: hidden;
					text-overflow: ellipsis;
					word-break: break-all
				}

				.ticket-info .top-container .buy-info .info-title .count-price {
					color: #5f6672;
					flex: auto;
					font-size: 3.2vmin;
					text-align: right;
					white-space: nowrap
				}

				.ticket-info .top-container .buy-info .info-title .count {
					flex: none;
					margin-left: .8vmin
				}

				.ticket-info .top-container .buy-info .info-title .ori-price {
					flex: 1 0 auto;
					margin-left: 2.66666667vmin;
					text-align: right;
					white-space: nowrap
				}

				.ticket-info .top-container .buy-info .info-title+.brief {
					margin-top: 2.13333333vmin
				}

				.ticket-info .top-container .buy-info .info-tags {
					display: flex;
					height: 4.8vmin;
					overflow: hidden
				}

				.ticket-info .top-container .buy-info .info-tags .tag-img {
					background: 50% no-repeat;
					background-size: 100% auto;
					border-radius: var(--bui-shape-radius-label);
					display: inline-flex;
					height: 4vmin;
					line-height: 4vmin;
					width: 0
				}

				.ticket-info .top-container .buy-info .info-tags .tag-list .tpp-lbl {
					height: auto !important
				}

				.ticket-info .top-container .buy-info .brief {
					color: #5f6672;
					font-size: 3.2vmin;
					line-height: 1;
					margin-top: 2.4vmin
				}

				.ticket-info .top-container .buy-info .cinema-address,
				.ticket-info .top-container .buy-info .cinema-name {
					display: -webkit-box;
					line-height: 1.3;
					-webkit-line-clamp: 1;
					-webkit-box-orient: vertical;
					overflow: hidden;
					text-overflow: ellipsis
				}

				.ticket-info .m-line {
					align-items: center;
					display: flex
				}

				.ticket-info .m-line .lc {
					border-radius: 0 4.26667vmin 4.26667vmin 0
				}

				.ticket-info .m-line .lc,
				.ticket-info .m-line .rc {
					background: var(--bui-color-bg-default);
					height: 4.26667vmin;
					width: 2.13333vmin
				}

				.ticket-info .m-line .rc {
					border-radius: 4.26667vmin 0 0 4.26667vmin
				}

				.ticket-info .m-line .ml {
					border-top: 1px solid var(--bui-color-border-default);
					flex: 1 1;
					margin: 0 2.66666667vmin
				}

				.ticket-info .bottom-container {
					align-items: center;
					display: flex;
					font-size: 3.2vmin;
					justify-content: space-between;
					padding: .8vmin 3.2vmin 0
				}

				.ticket-info .bottom-container .refund-endorse-box {
					align-items: center;
					display: flex;
					flex: 1 1
				}

				.ticket-info .bottom-container .refund-endorse-box .tip {
					align-items: center;
					color: #2e333e;
					display: flex;
					flex-shrink: 0;
					font-weight: 600;
					line-height: 1
				}

				.ticket-info .bottom-container .refund-endorse-box .tip+.tip {
					flex: 0 1 auto;
					margin-left: 3.2vmin
				}

				.ticket-info .bottom-container .refund-endorse-box .tip .tip-disable-tag {
					background-position: 50%;
					background-repeat: no-repeat;
					background-size: cover;
					display: block;
					flex: 1 0 auto;
					height: 4vmin;
					margin-right: .53333333vmin;
					width: 4vmin
				}

				.ticket-info .bottom-container .refund-endorse-box .tip .tip-text {
					display: -webkit-box;
					line-height: 1.2;
					-webkit-line-clamp: 1;
					-webkit-box-orient: vertical;
					overflow: hidden;
					text-overflow: ellipsis
				}

				.ticket-info .bottom-container .refund-endorse-box .enabled .tip-disable-tag {
					background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2748%27 height=%2748%27%3E%3Cpath fill=%27%2300d68f%27 d=%27M24 4c11.046 0 20 8.954 20 20 0 3.148-.73 6.197-2.111 8.953a2 2 0 1 1-3.576-1.793A15.9 15.9 0 0 0 40 24c0-8.837-7.163-16-16-16S8 15.163 8 24s7.163 16 16 16c3.244 0 6.338-.965 8.964-2.745a2 2 0 1 1 2.244 3.311A19.9 19.9 0 0 1 24 44C12.954 44 4 35.046 4 24S12.954 4 24 4m9.192 12.929a2 2 0 0 1 0 2.828L21.88 31.071a2 2 0 0 1-2.829 0l-4.242-4.243A2 2 0 0 1 17.636 24l2.828 2.828 9.9-9.9a2 2 0 0 1 2.828 0z%27/%3E%3C/svg%3E");
					background-repeat: no-repeat;
					background-size: contain
				}

				.ticket-info .bottom-container .refund-endorse-box .disabled .tip-disable-tag {
					background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2748%27 height=%2748%27%3E%3Cpath fill=%27%23ff5456%27 d=%27M24 4c11.046 0 20 8.954 20 20 0 3.148-.73 6.197-2.111 8.953a2 2 0 1 1-3.576-1.793A15.9 15.9 0 0 0 40 24c0-8.837-7.163-16-16-16S8 15.163 8 24s7.163 16 16 16c3.244 0 6.338-.965 8.964-2.745a2 2 0 1 1 2.244 3.311A19.9 19.9 0 0 1 24 44C12.954 44 4 35.046 4 24S12.954 4 24 4m-3.536 13.636L24 21.172l3.536-3.536a2 2 0 1 1 2.828 2.828L26.828 24l3.536 3.536a2 2 0 1 1-2.828 2.828l-3.537-3.536-3.535 3.536a2 2 0 1 1-2.828-2.828l3.535-3.537-3.535-3.535a2 2 0 1 1 2.828-2.828%27/%3E%3C/svg%3E");
					background-repeat: no-repeat;
					background-size: contain
				}

				.ticket-info .bottom-container .refund-endorse-box .refund-endorse-notice {
					color: #959aa5;
					flex: 1 0 auto;
					margin-left: 1.33333333vmin;
					text-align: right
				}

				.ticket-info .bottom-container .refund-endorse-box .s-arrow {
					align-items: center;
					display: flex;
					flex: none
				}

				.refund-endorse-drawer {
					margin-top: .4vmin;
					max-height: 96vmin;
					overflow: auto;
					padding-top: 0 !important;
					padding: 4vmin
				}

				.refund-endorse-drawer .refund-endorse-remind {
					background-color: #fdf5ed;
					border-radius: 1.6vmin;
					font-size: 3.2vmin;
					margin-bottom: 5.6vmin;
					padding: 6.13333333vmin 4vmin 3.2vmin;
					position: relative
				}

				.refund-endorse-drawer .refund-endorse-remind .remmind-title {
					background-color: #f8dcc1;
					border-radius: 0 0 1.6vmin 1.6vmin;
					color: #512631;
					font-size: 2.93333vmin;
					height: 4.53333333vmin;
					left: 50%;
					margin-left: -12.66666667vmin;
					position: absolute;
					text-align: center;
					top: 0;
					width: 25.33333333vmin
				}

				.refund-endorse-drawer .refund-endorse-remind .remmind-tip {
					color: #512631;
					white-space: pre-line;
					word-break: break-all
				}

				.refund-endorse-drawer .refund-endorse-remind .remmind-tip b {
					color: #512631;
					font-weight: 700
				}

				.refund-endorse-drawer b {
					color: var(--bui-color-primary)
				}

				.refund-endorse-drawer .list-item {
					margin-bottom: 4vmin
				}

				.refund-endorse-drawer .list-item .item-content-title {
					align-items: center;
					display: flex;
					font-size: 3.73333vmin;
					font-weight: 700
				}

				.refund-endorse-drawer .list-item .item-content-title:before {
					display: inline-block;
					height: 3.73333333vmin;
					width: 3.73333333vmin
				}

				.refund-endorse-drawer .list-item .refund-tag-fail:before {
					background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2748%27 height=%2748%27%3E%3Cpath fill=%27%23ff5456%27 d=%27M24 4c11.046 0 20 8.954 20 20 0 3.148-.73 6.197-2.111 8.953a2 2 0 1 1-3.576-1.793A15.9 15.9 0 0 0 40 24c0-8.837-7.163-16-16-16S8 15.163 8 24s7.163 16 16 16c3.244 0 6.338-.965 8.964-2.745a2 2 0 1 1 2.244 3.311A19.9 19.9 0 0 1 24 44C12.954 44 4 35.046 4 24S12.954 4 24 4m-3.536 13.636L24 21.172l3.536-3.536a2 2 0 1 1 2.828 2.828L26.828 24l3.536 3.536a2 2 0 1 1-2.828 2.828l-3.537-3.536-3.535 3.536a2 2 0 1 1-2.828-2.828l3.535-3.537-3.535-3.535a2 2 0 1 1 2.828-2.828%27/%3E%3C/svg%3E");
					background-repeat: no-repeat;
					background-size: contain;
					content: " "
				}

				.refund-endorse-drawer .list-item .refund-tag-success:before {
					background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2748%27 height=%2748%27%3E%3Cpath fill=%27%2300d0be%27 d=%27M24 4c11.046 0 20 8.954 20 20 0 3.148-.73 6.197-2.111 8.953a2 2 0 1 1-3.576-1.793A15.9 15.9 0 0 0 40 24c0-8.837-7.163-16-16-16S8 15.163 8 24s7.163 16 16 16c3.244 0 6.338-.965 8.964-2.745a2 2 0 1 1 2.244 3.311A19.9 19.9 0 0 1 24 44C12.954 44 4 35.046 4 24S12.954 4 24 4m9.192 12.929a2 2 0 0 1 0 2.828L21.88 31.071a2 2 0 0 1-2.829 0l-4.242-4.243A2 2 0 0 1 17.636 24l2.828 2.828 9.9-9.9a2 2 0 0 1 2.828 0z%27/%3E%3C/svg%3E");
					background-repeat: no-repeat;
					background-size: contain;
					content: " "
				}

				.refund-endorse-drawer .list-item .refund-tag-special:before {
					background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2748%27 height=%2748%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27 stroke=%27%2300afff%27 stroke-width=%274%27%3E%3Cpath d=%27M24 6a13.96 13.96 0 0 1 9.9 4.1A13.96 13.96 0 0 1 38 20v6.65l1.452 1.997c.65.894.876 1.966.716 2.977A4 4 0 0 1 36.217 35H11.783a3.99 3.99 0 0 1-2.829-1.172 4 4 0 0 1-.407-5.181L10 26.65V20a13.96 13.96 0 0 1 4.1-9.9A13.96 13.96 0 0 1 24 6z%27/%3E%3Cpath stroke-linecap=%27round%27 d=%27M20.257 40.5a6 6 0 0 0 8.486 0%27/%3E%3C/g%3E%3C/svg%3E");
					background-repeat: no-repeat;
					background-size: contain;
					content: " "
				}

				.refund-endorse-drawer .list-item .title-content {
					margin-left: 1.73333333vmin
				}

				.refund-endorse-drawer .list-item .tpp-lbl {
					flex: none
				}

				.refund-endorse-drawer .list-item .item-notice-desc {
					color: #5f6672;
					font-size: 3.2vmin;
					line-height: 4.8vmin;
					margin-top: 1.6vmin;
					white-space: pre-line;
					word-break: break-all
				}

				.refund-endorse-drawer .list-item .special {
					margin-left: 9.6vmin
				}

				.refund-endorse-drawer .list-item .item-more-arrow {
					background-image: url(//gw.alicdn.com/tfs/TB1JGVfsUT1gK0jSZFhXXaAtVXa-1024-1024.svg);
					background-size: contain;
					display: inline-block;
					flex: none;
					height: 3.2vmin;
					margin-left: 1.6vmin;
					width: 3.2vmin
				}

				.dy-icon[dy-mode*=arrow-] {
					display: inline-block;
					height: 3.2vmin;
					overflow: hidden;
					width: 3.2vmin
				}

				.dy-icon[dy-mode*=arrow-]:before {
					border: 0 .3125vmin .3125vmin 0;

					bo… .tip-message {
						align-items: center;
						background-color: var(--bui-color-bg-view);
						display: flex;
						height: 10.4vmin;
						margin-bottom: 2.4vmin
					}

					.tip-message .tip-wraper {
						border-radius: .8vmin;
						display: flex;
						height: 4vmin;
						justify-content: flex-end;
						margin-left: 3.2vmin;
						position: relative
					}

					.tip-message .tip-wraper .icon {
						height: 4vmin
					}

					.tip-message .tip-wraper .bottom-text {
						color: #fff;
						font-size: 2.66667vmin;
						font-weight: 500;
						padding-left: .8vmin;
						padding-right: .53333vmin
					}

					.tip-message .message {
						color: var(--bui-color-fg-default);
						font-size: 3.2vmin;
						margin-left: 1.86667vmin
					}

					.bui-list {
						background: var(--bui-color-bg-view);
						font-size: var(--bui-title-size-3);
						list-style: none
					}

					.bui-list .bui-divider:last-of-type {
						display: none
					}

					.bui-list-item-footer {
						align-items: center;
						display: flex;
						flex: 0 0 auto
					}

					.bui-list-item-footer .bui-svg-icon {
						color: var(--bui-color-fg-subtle)
					}

					.bui-list-item,
					.bui-list-item-contained {
						align-items: center;
						display: flex
					}

					.bui-list-item-disabled {
						background-color: var(--bui-color-bg-default);
						color: var(--bui-color-fg-subtle);
						pointer-events: none
					}

					.bui-list-small .bui-list-item {
						padding: 1.33333vmin 3.2vmin
					}

					.bui-list-medium .bui-list-item {
						padding: 4.8vmin 3.2vmin
					}

					.bui-list-large .bui-list-item {
						padding: 5.33333vmin 3.2vmin
					}

					.bui-list-item-divider:not(:last-child) {
						border-bottom: 1px solid var(--bui-color-border-default)
					}

					.bui-list-item-content {
						display: flex;
						flex: 1 1 auto;
						flex-direction: column;
						justify-content: center;
						width: 100%
					}

					.bui-list-small .bui-list-item-content {
						font-size: var(--bui-text-size-2)
					}

					.bui-list-item-content-primary {
						flex: 1 1 auto
					}

					.bui-list-item-content-secondary {
						color: var(--bui-color-fg-muted);
						font-size: 3.46667vmin
					}

					.user-phone-container {
						display: flex;
						margin-bottom: 2.4vmin
					}

					.user-phone-container .bui-list-item .bui-list-item-content {
						display: flex;
						flex-direction: row;
						justify-content: flex-start
					}

					.user-phone-container .bui-list-item .phone-title {
						color: #2e333e;
						font-size: 3.73333vmin
					}

					.user-phone-container .bui-list-item .phone-brief {
						font-size: 3.2vmin
					}

					.user-phone-container .bui-list-item .icon-phone {
						margin-right: 2.66667vmin
					}

					.user-phone-container .bui-list-item .b-gray {
						color: #5f6672
					}

					.user-phone-container .bui-list {
						border-radius: 2.13333vmin;
						flex-grow: 2
					}

					.icon-phone {
						background-image: url(//gw.alicdn.com/tfs/TB1C3XageL2gK0jSZFmXXc7iXXa-72-72.svg);
						background-position: 50%;
						background-size: cover;
						height: 9.6vmin;
						width: 9.6vmin
					}

					.rule-info {
						background-color: var(--bui-color-bg-view);
						border-radius: 2.4vmin;
						padding: 3.2vmin
					}

					.rule-info .title {
						background: transparent linear-gradient(0deg, #ededed, #ededed 50%, transparent 0, transparent 0) 0 100% repeat-x;
						background-size: 100% 1px;
						font-size: 4.26667vmin;
						font-weight: 600;
						padding-bottom: 2.66667vmin
					}

					.rule-info .desc {
						color: var(--bui-color-fg-muted);
						font-size: 3.46667vmin;
						line-height: 1.8;
						padding-bottom: 2.66667vmin;
						padding-top: 2.66667vmin;
						white-space: pre-wrap
					}

					.bui-icon-btn {
						--bg-color: var(--bui-color-neutral-5);
						--color: var(--bui-color-fg-muted);
						--icon-size: 4.53333vmin;
						--user-area: 1.33333vmin;
						align-items: center;
						background-color: transparent;
						border: 1px solid transparent;
						color: var(--bui-color-fg-muted);
						color: var(--color);
						cursor: pointer;
						display: inline-flex;
						font-size: 4.53333vmin;
						font-size: var(--icon-size);
						height: auto;
						justify-content: center;
						margin: 0;
						padding: 1.33333vmin;
						padding: var(--user-area);
						position: relative
					}

					.bui-icon-btn:before {
						background-color: var(--bui-color-black);
						border: inherit;
						border-color: var(--bui-color-black);
						border-radius: inherit;
						content: " ";
						height: 100%;
						left: 50%;
						opacity: 0;
						position: absolute;
						top: 50%;
						transform: translate(-50%, -50%);
						width: 100%
					}

					.bui-icon-btn:active:before {
						opacity: .04
					}

					.bui-icon-btn:after {
						border: 0
					}

					.bui-icon-btn-small {
						font-size: var(--bui-text-size-4)
					}

					.bui-icon-btn-small,
					.bui-icon-btn-small.bui-icon-btn-contained,
					.bui-icon-btn-small.bui-icon-btn-outlined {
						padding: var(--bui-spacing-xs)
					}

					.bui-icon-btn-medium.bui-icon-btn-contained,
					.bui-icon-btn-medium.bui-icon-btn-outlined {
						padding: 1.33333vmin
					}

					.bui-icon-btn-large {
						font-size: 6.13333vmin
					}

					.bui-icon-btn-large,
					.bui-icon-btn-large.bui-icon-btn-contained,
					.bui-icon-btn-large.bui-icon-btn-outlined {
						padding: var(--bui-spacing-sm)
					}

					.bui-icon-btn-disabled {
						opacity: .5;
						pointer-events: none
					}

					.bui-icon-btn-circular {
						border-radius: 100%
					}

					.bui-icon-btn-rounded {
						border-radius: var(--bui-shape-radius-default)
					}

					.bui-icon-btn-square {
						border-radius: 0
					}

					.bui-icon-btn-default.bui-icon-btn-primary {
						color: var(--bui-color-primary)
					}

					.bui-icon-btn-default.bui-icon-btn-success {
						color: var(--bui-color-success)
					}

					.bui-icon-btn-default.bui-icon-btn-info {
						color: var(--bui-color-info)
					}

					.bui-icon-btn-default.bui-icon-btn-warning {
						color: var(--bui-color-warning)
					}

					.bui-icon-btn-outlined {
						border: 1px solid
					}

					.bui-icon-btn-outlined.bui-icon-btn-primary {
						border-color: var(--bui-color-primary);
						color: var(--bui-color-primary)
					}

					.bui-icon-btn-outlined.bui-icon-btn-success {
						border-color: var(--bui-color-success);
						color: var(--bui-color-success)
					}

					.bui-icon-btn-outlined.bui-icon-btn-info {
						border-color: var(--bui-color-info);
						color: var(--bui-color-info)
					}

					.bui-icon-btn-outlined.bui-icon-btn-warning {
						border-color: var(--bui-color-warning);
						color: var(--bui-color-warning)
					}

					.bui-icon-btn-outlined.bui-icon-btn-danger {
						border-color: var(--bui-color-danger);
						color: var(--bui-color-danger)
					}

					.bui-icon-btn-contained {
						background-color: var(--bg-color)
					}

					.bui-icon-btn-contained.bui-icon-btn-primary {
						background-image: linear-gradient(45deg, var(--bui-color-primary-start) 0, var(--bui-color-primary-end) 100%);
						color: var(--bui-color-white)
					}

					.bui-icon-btn-contained.bui-icon-btn-success {
						background-image: linear-gradient(45deg, var(--bui-color-success-start) 0, var(--bui-color-success-end) 100%);
						color: var(--bui-color-white)
					}

					.bui-icon-btn-contained.bui-icon-btn-info {
						background-image: linear-gradient(45deg, var(--bui-color-info-start) 0, var(--bui-color-info-end) 100%);
						color: var(--bui-color-white)
					}

					.bui-icon-btn-contained.bui-icon-btn-warning {
						background-image: linear-gradient(45deg, var(--bui-color-warning-start) 0, var(--bui-color-warning-end) 100%);
						color: var(--bui-color-white)
					}

					.bui-icon-btn-contained.bui-icon-btn-danger {
						background-image: linear-gradient(45deg, var(--bui-color-danger-start) 0, var(--bui-color-danger-end) 100%);
						color: var(--bui-color-white)
					}

					.refund-and-endorse-tip {
						background-color: rgba(0, 0, 0, .6);
						bottom: 0;
						left: 0;
						position: fixed;
						right: 0;
						top: 0;
						z-index: 9999
					}

					.refund-and-endorse-tip .confirm-content {
						padding-left: 5.86667vmin;
						padding-right: 5.86667vmin
					}

					.refund-and-endorse-tip .tip-container {
						background-color: #fff;
						border-radius: 3.2vmin;
						box-sizing: border-box;
						margin: -39.46667vmin auto 0;
						padding-top: 5.33333vmin;
						position: relative;
						top: 50%;
						width: 80vmin
					}

					.refund-and-endorse-tip .tip-container .icon {
						border-radius: 50%;
						box-sizing: border-box;
						height: 4.26667vmin;
						margin-right: 2.66667vmin;
						margin-top: 1px;
						overflow: hidden;
						width: 4.26667vmin
					}

					.refund-and-endorse-tip .tip-container .icon-warning {
						background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2748%27 height=%2748%27%3E%3Cdefs%3E%3ClinearGradient id=%27a%27 x1=%270%25%27 y1=%2750%25%27 y2=%2750%25%27%3E%3Cstop offset=%270%25%27 stop-color=%27%23FF901C%27/%3E%3Cstop offset=%27100%25%27 stop-color=%27%23FF901C%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill=%27none%27%3E%3Cpath fill=%27url%28%23a%29%27 d=%27M24 4c11.046 0 20 8.954 20 20s-8.954 20-20 20S4 35.046 4 24 12.954 4 24 4%27/%3E%3Ccircle cx=%2724%27 cy=%2733%27 r=%273%27 fill=%27%23FFF%27/%3E%3Crect width=%274%27 height=%2716%27 x=%2722%27 y=%2712%27 fill=%27%23FFF%27 rx=%272%27/%3E%3C/g%3E%3C/svg%3E");
						background-repeat: no-repeat;
						background-size: contain;
						height: 4.26667vmin;
						width: 4.26667vmin
					}

					.refund-and-endorse-tip .tip-container .icon-success {
						background-image: url(https://gw.alicdn.com/imgextra/i4/O1CN01blpD0e2ADuWShSKaM_!!6000000008170-2-tps-90-90.png);
						background-size: 4.26667vmin 4.26667vmin
					}

					.refund-and-endorse-tip .tip-container .cinema-name-info {
						align-items: center;
						display: flex;
						flex-direction: row
					}

					.refund-and-endorse-tip .tip-container .cinema-name-info .cinema-name {
						color: #2e333e;
						font-size: 4.26667vmin;
						font-weight: 700;
						line-height: 5.33333vmin;
						overflow: auto;
						text-overflow: ellipsis;
						white-space: nowrap;
						width: 59.73333vmin
					}

					.refund-and-endorse-tip .tip-container .distance {
						border-radius: .8vmin;
						box-sizing: border-box;
						color: #fff;
						display: inline-block;
						flex-grow: 0;
						font-size: 2.66667vmin;
						font-weight: 700;
						line-height: 4vmin;
						margin-left: 6.66667vmin;
						padding: 0 1.06667vmin
					}

					.refund-and-endorse-tip .tip-container .distance.openLocation {
						background-color: #ff901c
					}

					.refund-and-endorse-tip .tip-container .distance.noLocation {
						background-color: #8896b1
					}

					.refund-and-endorse-tip .tip-container .movie-show-time,
					.refund-and-endorse-tip .tip-container .refund-endorse-msg {
						align-items: center;
						display: flex;
						flex-direction: row;
						margin-top: 4.26667vmin
					}

					.refund-and-endorse-tip .tip-container .movie-show-time .msg,
					.refund-and-endorse-tip .tip-container .movie-show-time .show-time,
					.refund-and-endorse-tip .tip-container .refund-endorse-msg .msg,
					.refund-and-endorse-tip .tip-container .refund-endorse-msg .show-time {
						font-size: 3.46667vmin;
						line-height: 3.46667vmin
					}

					.refund-and-endorse-tip .tip-container .refund-endorse-tags {
						display: flex;
						margin-left: 6.66667vmin;
						margin-top: 1.33333vmin
					}

					.refund-and-endorse-tip .tip-container .refund-endorse-tags .refund-endorse-tag {
						background-color: #ff901c;
						border-radius: .8vmin;
						color: #fff;
						font-size: 2.66667vmin;
						font-weight: 700;
						line-height: 4vmin;
						margin-right: 1.06667vmin;
						padding: 0 1.06667vmin
					}

					.refund-and-endorse-tip .tip-container .confirm-timer {
						border-top: 1px solid #e9ebef;
						color: #959aa5;
						font-size: 3.46667vmin;
						height: 13.86667vmin;
						line-height: 13.86667vmin;
						margin-top: 4vmin;
						text-align: center
					}

					.bui-switch {
						--bg-color: #ccc;
						background-color: #ccc;
						background-color: var(--bg-color);
						border-radius: 4vmin;
						box-sizing: border-box;
						display: inline-block;
						padding: 0;
						position: relative;
						transition: all .3s cubic-bezier(.35, 0, .25, 1);
						vertical-align: middle
					}

					.bui-switch:after {
						animation-duration: .3s;
						animation-timing-function: cubic-bezier(.35, 0, .25, 1);
						background-color: #fff;
						border-radius: 50%;
						box-shadow: 0 .53333vmin 1.33333vmin rgba(0, 0, 0, .26);
						content: " ";
						cursor: pointer;
						left: .53333vmin;
						position: absolute;
						top: .53333vmin;
						transition: left .3s cubic-bezier(.35, 0, .25, 1)
					}

					.bui-switch:focus {
						outline: none
					}

					.bui-switch-small {
						height: 4.26667vmin;
						width: 6.4vmin
					}

					.bui-switch-small .bui-switch-inner {
						font-size: 2.4vmin;
						left: calc(100% - 2.66667vmin)
					}

					.bui-switch-small:after {
						height: 3.2vmin;
						left: .53333vmin;
						top: .53333vmin;
						width: 3.2vmin
					}

					.bui-switch-small.bui-switch-checked:after {
						left: calc(100% - 3.73333vmin)
					}

					.bui-switch-small.bui-switch-checked .bui-switch-inner {
						left: .53333vmin
					}

					.bui-switch-medium {
						height: 5.86667vmin;
						width: 11.73333vmin
					}

					.bui-switch-medium:after {
						height: 4.8vmin;
						width: 4.8vmin
					}

					.bui-switch-medium.bui-switch-checked:after {
						left: calc(100% - 5.33333vmin)
					}

					.bui-switch-medium.bui-switch-checked .bui-switch-inner {
						left: var(--bui-spacing-sm)
					}

					.bui-switch-large {
						height: 8vmin;
						width: 13.6vmin
					}

					.bui-switch-large .bui-switch-inner {
						left: calc(100% - 5.86667vmin)
					}

					.bui-switch-large:after {
						height: 6.4vmin;
						left: .8vmin;
						top: .8vmin;
						width: 6.4vmin
					}

					.bui-switch-large.bui-switch-checked:after {
						left: calc(100% - 7.2vmin)
					}

					.bui-switch-large.bui-switch-checked .bui-switch-inner {
						left: var(--bui-spacing-sm)
					}

					.bui-switch-primary.bui-switch-checked {
						background-color: var(--bui-color-primary)
					}

					.bui-switch-info.bui-switch-checked {
						background-color: var(--bui-color-info)
					}

					.bui-switch-success.bui-switch-checked {
						background-color: var(--bui-color-success)
					}

					.bui-switch-warning.bui-switch-checked {
						background-color: var(--bui-color-warning)
					}

					.bui-switch-danger.bui-switch-checked {
						background-color: var(--bui-color-danger)
					}

					.bui-switch-inner {
						align-items: center;
						color: var(--bui-color-white);
						display: flex;
						font-size: var(--bui-text-size-3);
						height: 100%;
						left: calc(100% - 5.33333vmin);
						position: absolute
					}

					.bui-switch-inner .bui-svg-icon {
						position: absolute;
						top: 50%;
						transform: translateY(-50%)
					}

					.bui-switch-disabled {
						cursor: not-allowed;
						opacity: .5
					}

					pointer-events none .bui-switch-disabled:after {
						animation-name: none;
						cursor: not-allowed
					}

					.bui-switch-input {
						cursor: pointer;
						height: 100%;
						margin: 0;
						opacity: 0;
						position: absolute;
						width: 100%;
						z-index: 1
					}

					.bui-safe-area {
						--safe-area-default-inset-bottom: 2.4vmin;
						padding-bottom: 9.06667vmin;
						padding-bottom: var(--safe-area-inset-bottom, 9.06667vmin)
					}

					@supports (padding:max(0px)) {
						.bui-safe-area {
							padding-bottom: calc(max(var(--safe-area-default-inset-bottom), var(--safe-area-inset-bottom)) - var(--safe-area-default-inset-bottom))
						}
					}

					.footer-bar {
						background: var(--bui-color-bg-view);
						bottom: 0;
						left: 0;
						position: fixed;
						right: 0;
						z-index: 10
					}

					.footer-bar .pay-bar {
						position: relative;
						z-index: 100001
					}

					.footer-bar .pay-bar .bill-bar {
						align-items: center;
						display: flex;
						padding: 2.4vmin 3.2vmin
					}

					.footer-bar .pay-bar .bill-bar .price-info {
						flex: 1 1;
						overflow: hidden
					}

					.footer-bar .pay-bar .bill-bar .price-info .amount {
						color: var(--bui-color-primary);
						font-size: 5.33333vmin;
						font-weight: 500;
						line-height: 6.4vmin
					}

					.footer-bar .pay-bar .bill-bar .price-info .amount .pay-desc {
						color: var(--bui-color-fg-subtle);
						font-size: 2.66667vmin;
						font-weight: 400
					}

					.footer-bar .pay-bar .bill-bar .price-info .amount .money {
						font-size: 3.73333vmin
					}

					.footer-bar .pay-bar .bill-bar .price-info .tip {
						align-items: center;
						color: var(--bui-color-fg-muted);
						display: flex;
						flex-wrap: nowrap;
						font-size: 2.93333vmin
					}

					.footer-bar .pay-bar .bill-bar .price-info .tip .desc {
						margin-right: .53333vmin
					}

					.footer-bar .pay-bar .bill-bar .price-info .tip .desc .amount {
						color: #959aa5;
						font-size: 2.66667vmin
					}

					.footer-bar .pay-bar .bill-bar .pay-detail {
						margin-right: 2.1vmin;
						overflow: hidden;
						padding: 4.26666667vmin 2.13333333vmin;
						text-align: right;
						text-overflow: ellipsis;
						white-space: nowrap
					}

					.footer-bar .pay-bar .bill-bar .pay-detail .action {
						color: #5f6672;
						font-size: 3.2vmin;
						line-height: 3.2vmin
					}

					.footer-bar .pay-bar .bill-bar .pay-detail .tip {
						color: #b9b7c5;
						font-size: 2.66667vmin;
						line-height: 3.73333vmin;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap
					}

					.footer-bar .pay-bar .bill-bar .pay-btn {
						align-items: center;
						background-image: linear-gradient(45deg, var(--bui-color-primary-start), var(--bui-color-primary-end));
						border-radius: 13.3vmin;
						color: #fff;
						display: flex;
						height: 12vmin;
						overflow: hidden;
						text-align: center;
						width: 40vmin
					}

					.footer-bar .pay-bar .bill-bar .pay-btn .main {
						font-size: 4.8vmin;
						line-height: 5.6vmin;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
						width: 100%
					}

					.footer-bar .pay-bar .bill-bar .pay-btn .main .tip {
						font-size: 2.66667vmin;
						line-height: 3.73333vmin;
						margin-top: .8vmin;
						opacity: .7;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap
					}

					.recommend-bar {
						background-color: #fff7df;
						border-radius: 1.6vmin;
						color: #ff8533;
						font-size: 3.2vmin;
						margin: 0 4.26667vmin;
						padding: 1.6vmin 3.2vmin
					}

					.recommend-bar b {
						color: #148aff;
						font-weight: 400
					}

					.payform-body {
						min-height: 101.6vmin;
						position: relative
					}

					.payform-body .tip-error {
						color: #ff2e62;
						font-size: 4vmin;
						left: 4vmin;
						line-height: 4vmin;
						position: absolute;
						top: 16.66666667vmin
					}

					.payform-body .pay-password {
						background-color: #fff;
						border: 1px solid #c8c8c8;
						border-radius: .8vmin;
						display: flex;
						flex-direction: row;
						height: 12.53333333vmin;
						justify-content: center;
						margin: 2.4vmin 4vmin 28.53333333vmin;
						overflow: hidden
					}

					.payform-body .pay-password .password-cell {
						font-family: inherit;
						font-size: 5.06667vmin;
						height: 12.53333333vmin;
						line-height: 12.53333333vmin;
						overflow: hidden;
						text-align: center;
						vertical-align: center;
						width: 15.33333333vmin
					}

					.payform-body .pay-password .password-cell span {
						vertical-align: middle
					}

					.payform-body .password-panel {
						display: flex;
						flex-direction: row;
						flex-wrap: wrap;
						justify-content: center
					}

					.payform-body .password-panel .password-key {
						background-color: #fff;
						color: #2e333e;
						font-size: 6.66667vmin;
						height: 15.2vmin;
						line-height: 15.2vmin;
						text-align: center;
						width: 33.06666667vmin
					}

					.payform-body .password-panel .password-key.active {
						background-color: var(--bui-color-bg-default)
					}

					.payform-body .password-panel .password-key:first-child,
					.payform-body .password-panel .password-key:nth-child(2),
					.payform-body .password-panel .password-key:nth-child(3) {
						background-color: #fff;
						border-top: 1px solid #c8c8c8
					}

					.payform-body .password-panel .password-key:first-child,
					.payform-body .password-panel .password-key:nth-child(4),
					.payform-body .password-panel .password-key:nth-child(7) {
						border-bottom: 1px solid #c8c8c8
					}

					.payform-body .password-panel .password-key:nth-child(2),
					.payform-body .password-panel .password-key:nth-child(3),
					.payform-body .password-panel .password-key:nth-child(5),
					.payform-body .password-panel .password-key:nth-child(6),
					.payform-body .password-panel .password-key:nth-child(8),
					.payform-body .password-panel .password-key:nth-child(9) {
						border-bottom: 1px solid #c8c8c8;
						border-left: 1px solid #c8c8c8
					}

					.payform-body .password-panel .password-key:nth-child(11) {
						border-left: 1px solid #c8c8c8;
						border-right: 1px solid #c8c8c8
					}

					.payform-body .password-panel .password-key:last-child {
						background-color: var(--bui-color-bg-default)
					}

					.payform-body .password-panel .password-key.password-key-delete {
						background: url(//gw.alicdn.com/tfs/TB1HvCbokL0gK0jSZFtXXXQCXXa-71-47.png) no-repeat 50%;
						background-size: 6.26666667vmin 4.13333333vmin
					}

					.payform-body .password-panel .password-key-done {
						background-color: var(--bui-color-bg-default);
						font-size: 5.86667vmin
					}

					[data-mod=footer-bar] .tpp-sheet-layer {
						background-color: var(--bui-color-bg-default)
					}

					.sale-container-wx .sale-detail {
						margin-top: 4vmin;
						padding-left: 4vmin;
						padding-right: 4vmin
					}

					.sale-container-wx .sale-detail .sale-detail-title {
						color: #2e333e;
						font-size: 4.26667vmin;
						font-weight: 700;
						line-height: 4vmin
					}

					.sale-container-wx .sale-detail .sale-content-container {
						margin-top: 4vmin
					}

					.sale-container-wx .sale-detail .sale-content-container .sale-detail-content {
						display: flex;
						flex-direction: row;
						justify-content: space-between
					}

					.sale-container-wx .sale-detail .sale-content-container .sale-detail-content .sale-name {
						font-size: 3.2vmin;
						line-height: 3.2vmin
					}

					.sale-container-wx .sale-detail .sale-content-container .sale-detail-content .sale-price-wx {
						color: #999;
						font-size: 3.46667vmin;
						line-height: 3.46666667vmin
					}

					.sale-container-wx .sale-detail .sale-content-container .sale-content-packages {
						color: #7d7d7d;
						font-size: 3.46667vmin;
						line-height: 3.46666667vmin;
						margin-top: 2.4vmin
					}

					.sale-container-wx .sale-discountlist {
						background: transparent linear-gradient(180deg, #ededed, #ededed 50%, transparent 0, transparent 0) 0 0 repeat-x;
						background-size: 100% 1px;
						margin-left: 4vmin;
						margin-top: 4vmin;
						overflow: hidden;
						vertical-align: top
					}

					.sale-container-wx .sale-discountlist .sale-discount-item {
						display: flex;
						flex-direction: row;
						justify-content: space-between;
						margin-top: 4vmin;
						padding-right: 4vmin
					}

					.sale-container-wx .sale-discountlist .sale-discount-item .title {
						font-size: 3.2vmin;
						line-height: 3.2vmin
					}

					.sale-container-wx .sale-discountlist .sale-discount-item .price {
						color: #999;
						font-size: 3.46667vmin;
						line-height: 3.46666667vmin
					}

					.reduce-tag {
						background: #ffeaef;
						border-radius: .8vmin;
						color: #ff2e62;
						display: inline-block;
						font-size: 3.2vmin;
						padding: .53333vmin 1.06667vmin;
						white-space: nowrap
					}

					.pay-info {
						background: #fff;
						border-top-left-radius: 3.2vmin;
						border-top-right-radius: 3.2vmin;
						flex: 1 1 auto;
						min-height: 126.66667vmin;
						padding-bottom: 26.66667vmin;
						transform: translateY(0);
						transition: transform .3s ease;
						width: 100%;
						z-index: 1
					}

					.pay-info,
					.pay-info .bill {
						overflow: auto
					}

					.pay-info .dy-list-body {
						display: block;
						max-height: 85.33333vmin
					}

					.pay-info .dy-list-body .dy-list-item-line {
						border: none;
						padding: 3.8vmin
					}

					.pay-info .dy-list-body .dy-list-item-line .dy-list-title-line {
						color: #959aa5;
						font-size: 3.8vmin;
						line-height: 6.3vmin;
						margin-bottom: 2.66667vmin
					}

					.pay-info .dy-list-body .dy-list-item-line .dy-list-title-line strong {
						color: #000;
						font-size: 4.4vmin
					}

					.pay-info .dy-list-body .dy-list-item-line .dy-list-brief-line {
						align-items: center;
						display: flex
					}

					.pay-info .dy-list-body .dy-list-item-line .dy-list-brief-line .dy-list-label {
						color: #959aa5;
						flex: 0 0 auto;
						font-size: 3.46667vmin;
						max-width: 80%;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap
					}

					.pay-info .dy-list-body .dy-list-item-line .dy-list-brief-line .price-label {
						align-items: center;
						display: flex
					}

					.pay-info .dy-list-body .dy-list-item-line .dy-list-brief-line .dy-list-content {
						align-items: center;
						display: flex;
						flex: 1 1 auto;
						justify-content: flex-end;
						text-align: right
					}

					.pay-info .dy-list-body .dy-list-item-line .dy-list-brief-line .dy-list-content i.b-tag {
						display: inline-block;
						font-size: 3.1vmin;
						font-style: normal;
						margin-right: 1.06667vmin;
						overflow: hidden;
						padding: 1px 1.33333vmin;
						white-space: nowrap
					}

					.pay-info .dy-list-body .dy-list-item-line .dy-list-brief-line .dy-list-content i.activity {
						border: 1px solid rgba(255, 133, 51, .3);
						border-radius: .8vmin;
						color: #ff8533
					}

					.pay-info .dy-list-body .dy-list-item-line .dy-list-brief-line .dy-list-content i.mcard {
						border: 1px solid rgba(0, 214, 143, .3);
						border-radius: .8vmin;
						color: #00d68f
					}

					.pay-info .dy-list-body .dy-list-item-line .dy-list-brief-line i.s-tag {
						border-radius: .53333vmin;
						color: #fff;
						display: inline-block;
						font-size: 3.1vmin;
						font-style: normal;
						height: 4.26667vmin;
						line-height: 4.26667vmin;
						margin-right: 1.06667vmin;
						text-align: center;
						width: 4.26667vmin
					}

					.pay-info .dy-list-body .dy-list-item-line .dy-list-brief-line i.xin {
						background: #fe7a4c
					}

					.pay-info .dy-list-body .dy-list-item-line .dy-list-brief-line i.cu,
					.pay-info .dy-list-body .dy-list-item-line .dy-list-brief-line i.hui {
						background: #ff8533
					}

					.pay-info .dy-list-body .dy-list-item-line .dy-list-brief-line i.ka {
						background: #00d68f
					}

					.pay-info .dy-list-body .dy-list-item-line .dy-list-brief-line .dy-list-value {
						color: #959aa5;
						flex: 0 0 auto;
						font-size: 3.46667vmin
					}

					.pay-info .refund-endorse .dy-list-item {
						align-items: stretch;
						min-height: 0;
						padding: 6.4vmin 4.26666667vmin
					}

					.pay-info .refund-endorse .dy-list-item.refund-times-wrap {
						padding-bottom: 5.6vmin;
						padding-top: 5.6vmin
					}

					.pay-info .refund-endorse .dy-list-item.refund-times-wrap .refund-times {
						flex: 1 1;
						font-size: 3.73333vmin;
						line-height: 3.73333vmin;
						text-align: center
					}

					.pay-info .refund-endorse .dy-list-item.refund-times-wrap .refund-times b {
						color: var(--bui-color-primary)
					}

					.pay-info .refund-endorse .dy-list-item .dy-list-content .dy-list-title {
						color: #000;
						line-height: 4.8vmin;
						text-align: left
					}

					.pay-info .refund-endorse .dy-list-item .dy-list-content .dy-list-brief {
						color: #959aa5;
						font-size: 3.46667vmin;
						line-height: 4.8vmin;
						margin-top: 2.13333vmin;
						text-align: left
					}

					.pay-info .refund-endorse .dy-list-item .dy-list-arrow {
						align-items: center;
						display: flex
					}

					.pay-info .refund-endorse .dy-list-item .dy-list-arrow .dy-icon[dy-mode*=arrow-] {
						padding-top: 0
					}

					.pay-info .refund-endorse .tpp-lbl {
						margin-right: 2.66667vmin;
						margin-top: .4vmin;
						vertical-align: top
					}

					.pay-info .refund-endorse .notice-desc {
						color: #959aa5;
						font-size: 3.46667vmin;
						line-height: 4.8vmin;
						margin-top: 2.13333vmin;

						t… .block-title {
							background-color: var(--bui-color-bg-view);
							padding-left: 3.2vmin
						}

						.marketing-title-block {
							margin-bottom: 0 !important
						}

						.marketing-title-block .desc {
							font-weight: 600
						}

						.authorize-wraper {
							padding: 3.2vmin 3.2vmin 5.33333vmin
						}

						.authorize-wraper .authorize-title {
							color: #333;
							display: flex;
							flex-direction: row;
							font-size: 3.2vmin;
							justify-content: flex-start
						}

						.authorize-wraper .authorize-title .logo {
							background: url(https://gw.alicdn.com/tfs/TB1_6XriNvbeK8jSZPfXXariXXa-144-144.png) 50% no-repeat;
							background-size: 4vmin 4vmin;
							display: inline-block;
							height: 4vmin;
							margin-right: 2.66666667vmin;
							width: 4vmin
						}

						.authorize-wraper .authorize-body .title {
							color: #333;
							font-size: 4vmin;
							line-height: 4vmin;
							margin-top: 4.8vmin
						}

						.authorize-wraper .authorize-body .content {
							background-color: var(--bui-color-bg-default);
							border-radius: .8vmin;
							margin-bottom: 5.06666667vmin;
							margin-top: 4vmin;
							padding-bottom: 3.2vmin;
							padding-top: 3.2vmin
						}

						.authorize-wraper .authorize-body .content li:first-child {
							padding-bottom: 2.4vmin
						}

						.authorize-wraper .authorize-body .content li {
							color: #666;
							font-size: 3.46667vmin;
							line-height: 3.46666667vmin;
							padding-left: 6.4vmin;
							position: relative
						}

						.authorize-wraper .authorize-body .content li:before {
							background-color: #d8d8d8;
							border-radius: 50%;
							content: "";
							height: .8vmin;
							left: 3.2vmin;
							position: absolute;
							top: 1.33333333vmin;
							width: .8vmin
						}

						.authorize-wraper .authorize-body .protocol {
							color: #666;
							font-size: 3.46667vmin;
							line-height: 4vmin
						}

						.authorize-wraper .authorize-body .protocol .protocol-content {
							color: #1394f3
						}

						.authorize-wraper .authorize-action {
							display: flex;
							flex-direction: row;
							justify-content: center;
							margin-top: 9.86666667vmin
						}

						.authorize-wraper .authorize-action .action-common {
							border-radius: .8vmin;
							font-size: 4.26667vmin;
							height: 10.66666667vmin;
							line-height: 10.66666667vmin;
							text-align: center;
							width: 40vmin
						}

						.authorize-wraper .authorize-action .refuse {
							border: 1px solid #c8c8c8;
							border-radius: .8vmin;
							margin-right: 4vmin
						}

						.authorize-wraper .authorize-action .agree {
							background-color: #1677ff;
							color: #fff
						}

						.bui-list-item-extra {
							align-items: center;
							color: var(--bui-color-fg-subtle);
							display: flex;
							flex: 0 0 auto
						}

						.bui-tag {
							--color: var(--bui-tag-color, var(--bui-color-gray));
							--border-color: var(--bui-tag-border-color, var(--bui-color-border-gray));
							--bg-color: var(--bui-tag-bg-color, var(--bui-color-gray));
							align-items: center;
							border: 1px solid transparent;
							border-radius: var(--bui-shape-radius-label);
							box-sizing: border-box;
							color: var(--bui-color-bg-view);
							display: inline-flex;
							font-size: var(--bui-text-size-5);
							font-weight: var(--bui-font-weight-normal);
							height: 4vmin;
							justify-content: center;
							line-height: 4vmin;
							padding: 0 var(--bui-spacing-xs);
							position: relative;
							white-space: nowrap
						}

						.bui-tag-outlined {
							border: 1px solid var(--border-color);
							color: var(--color)
						}

						.bui-tag-outlined.bui-tag-primary {
							border: 1px solid var(--bui-color-border-primary);
							color: var(--bui-color-primary)
						}

						.bui-tag-outlined.bui-tag-info {
							border: 1px solid var(--bui-color-border-info);
							color: var(--bui-color-info)
						}

						.bui-tag-outlined.bui-tag-warning {
							border: 1px solid var(--bui-color-border-warning);
							color: var(--bui-color-warning)
						}

						.bui-tag-outlined.bui-tag-success {
							border: 1px solid var(--bui-color-border-success);
							color: var(--bui-color-success)
						}

						.bui-tag-outlined.bui-tag-danger {
							border: 1px solid var(--bui-color-border-danger);
							color: var(--bui-color-danger)
						}

						.bui-tag-outlined.bui-tag-vip {
							border: 1px solid rgba(255, 134, 110, .4);
							color: var(--bui-color-vip)
						}

						.bui-tag-contained {
							background-color: var(--bg-color)
						}

						.bui-tag-contained.bui-tag-primary {
							background-color: var(--bui-color-primary)
						}

						.bui-tag-contained.bui-tag-info {
							background-color: var(--bui-color-info)
						}

						.bui-tag-contained.bui-tag-warning {
							background-color: var(--bui-color-warning)
						}

						.bui-tag-contained.bui-tag-success {
							background-color: var(--bui-color-success)
						}

						.bui-tag-contained.bui-tag-danger {
							background-color: var(--bui-color-danger)
						}

						.bui-tag-contained.bui-tag-vip {
							background-color: var(--bui-color-vip)
						}

						.bui-tag-light {
							background-color: var(--bui-color-gray-light);
							color: var(--bui-color-gray)
						}

						.bui-tag-light.bui-tag-primary {
							background-color: var(--bui-color-primary-light);
							color: var(--bui-color-primary)
						}

						.bui-tag-light.bui-tag-info {
							background-color: var(--bui-color-info-light);
							color: var(--bui-color-info)
						}

						.bui-tag-light.bui-tag-warning {
							background-color: var(--bui-color-warning-light);
							color: var(--bui-color-warning)
						}

						.bui-tag-light.bui-tag-success {
							background-color: var(--bui-color-success-light);
							color: var(--bui-color-success)
						}

						.bui-tag-light.bui-tag-danger {
							background-color: var(--bui-color-danger-light);
							color: var(--bui-color-danger)
						}

						.bui-tag-light.bui-tag-vip {
							background-color: rgba(255, 134, 110, .3);
							color: var(--bui-color-vip)
						}

						.bar-container {
							overflow: auto
						}

						.bar-container .list-item.disabled .weak-guide {
							color: #ced1d6;
							font-size: 3.2vmin;
							line-height: 3.2vmin
						}

						.bar-container .bui-list-item {
							margin: 2.4vmin 3.2vmin;
							padding: 0 !important
						}

						.bar-container .tagstr {
							display: flex;
							margin-right: .8vmin
						}

						.bar-container .bar-title {
							align-items: center;
							color: #2e333e;
							display: flex;
							font-size: 3.73333vmin;
							font-weight: 400;
							line-height: 3.73333vmin
						}

						.bar-container .first-line {
							align-items: center;
							display: flex;
							justify-content: center
						}

						.bar-container .first-line .tagstr {
							display: flex
						}

						.bar-container .strong-guide {
							background-color: rgba(255, 67, 97, .1);
							border-radius: 1.06667vmin;
							color: #ff4361;
							font-size: 2.93333vmin;
							font-weight: 500;
							line-height: 2.93333vmin;
							padding: 1.33333vmin 1.6vmin;
							position: relative
						}

						.bar-container .weak-guide {
							color: #2e333e;
							font-size: 3.73333vmin;
							font-weight: 400;
							line-height: 3.73333vmin
						}

						.bar-container .weak-guide b {
							color: #2e333e;
							font-size: 3.73333vmin;
							font-weight: 400 !important
						}

						.bar-container .bar-content {
							display: flex;
							flex-direction: row;
							justify-content: flex-start
						}

						.bar-container .bar-content .bui-list-item-content-primary {
							align-items: center;
							display: flex
						}

						.bar-container .icons {
							display: flex
						}

						.bar-container .icons img {
							display: inline-block;
							height: 4vmin;
							margin-left: 1.06667vmin
						}

						.bar-container .two-row {
							align-items: flex-end;
							display: flex;
							flex-direction: column
						}

						.bar-container .two-row .second-line {
							margin-top: 1.6vmin
						}

						.bar-container .two-row .bubble:after {
							background-image: url(https://gw.alicdn.com/imgextra/i3/O1CN01GDW4Bg1RL6A5MQpa1_!!6000000002094-2-tps-21-9.png);
							background-size: 1.86667vmin 1.06667vmin;
							content: "";
							height: 1.06667vmin;
							position: absolute;
							right: 2.4vmin;
							top: -1.06667vmin;
							width: 1.86667vmin
						}

						.bar-container .single-line {
							align-items: center;
							display: flex
						}

						[data-role=basement] .bui-divider {
							display: none
						}

						.bui-card {
							background-color: var(--bui-color-bg-view);
							border-radius: var(--bui-shape-radius-card);
							overflow: hidden
						}

						.bui-card-header+.bui-card-content {
							padding-top: 0
						}

						.bui-card-content {
							color: var(--bui-color-fg-muted);
							font-size: var(--bui-text-size-2);
							padding: var(--bui-spacing-lg)
						}

						.bui-checkbox {
							--label-color: var(--bui-color-fg-default);
							--label-font-size: var(--bui-text-size-1);
							--icon-font-size: var(--bui-title-size-2);
							align-items: center;
							display: inline-flex;
							position: relative
						}

						.bui-checkbox.bui-checkbox-disabled {
							opacity: .5;
							pointer-events: none
						}

						.bui-checkbox-label-left {
							flex-direction: row-reverse
						}

						.bui-checkbox-label-top {
							flex-direction: column-reverse
						}

						.bui-checkbox-label-bottom {
							flex-direction: column
						}

						.bui-checkbox-input {
							cursor: pointer;
							height: 100%;
							left: 0;
							opacity: 0;
							position: absolute;
							top: 0;
							width: 100%;
							z-index: 1
						}

						.bui-checkbox-icon {
							align-items: center;
							box-sizing: border-box;
							display: flex;
							flex-shrink: 0;
							font-size: var(--icon-font-size);
							justify-content: center;
							padding: 1.33333vmin
						}

						.bui-checkbox-label {
							color: var(--label-color);
							font-size: var(--label-font-size)
						}

						.vip-tip {
							background-color: var(--bui-color-bg-view);
							border-radius: 1.6vmin;
							height: 10.4vmin;
							justify-content: space-between;
							margin: 0 auto;
							overflow: hidden;
							padding: 0 3.2vmin
						}

						.vip-tip,
						.vip-tip .left {
							align-items: center;
							display: flex
						}

						.vip-tip .left {
							width: 100%
						}

						.vip-tip .left img {
							background-color: #ededed;
							height: 4vmin;
							width: 8.53333vmin
						}

						.vip-tip .left .content {
							color: var(--bui-color-fg-default);
							display: -webkit-box;
							font-size: 3.2vmin;
							margin-left: 1.6vmin;
							-webkit-line-clamp: 1;
							-webkit-box-orient: vertical;
							overflow: hidden;
							text-overflow: ellipsis
						}

						.vip-tip .right {
							align-items: center;
							display: flex;
							flex-shrink: 0;
							height: 6.4vmin
						}

						.vip-tip .right .vip-btn {
							background-image: linear-gradient(116deg, #ffe0cb, #fabe96);
							color: #191919;
							font-size: 2.93333vmin;
							font-weight: 900;
							height: 6.4vmin;
							line-height: 6.4vmin;
							width: 19.2vmin
						}

						.vip-tip .right .vip-btn.btn-loading {
							position: relative
						}

						.vip-tip .right .vip-btn.btn-loading:after {
							animation: rotation .7s linear infinite;
							background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width=%2722%27 height=%2722%27 viewBox=%270 0 22 22%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M17.325 1.98l-1.567 1.876c-1.358-.9-2.987-1.423-4.74-1.423-4.74 0-8.58 3.836-8.58 8.567 0 4.73 3.84 8.567 8.58 8.567 4.43 0 8.076-3.35 8.534-7.65H22C21.533 17.563 16.795 22 11.02 22 4.932 22 0 17.075 0 11S4.933 0 11.02 0c2.344 0 4.52.732 6.305 1.98z%27 fill=%27%23fff%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E");
							background-repeat: no-repeat;
							background-size: contain;
							content: "";
							height: 3.2vmin;
							margin: -1.6vmin -1.6vmin 0 0;
							position: absolute;
							right: 50%;
							top: 50%;
							width: 3.2vmin
						}

						.vip-tip .right .subtitle {
							background-image: url(//gw.alicdn.com/tfs/TB1JGVfsUT1gK0jSZFhXXaAtVXa-1024-1024.svg);
							background-position: 100%;
							background-repeat: no-repeat;
							background-size: contain;
							background-size: 3.2vmin;
							color: #959aa5;
							flex-shrink: 0;
							font-size: 3.2vmin;
							line-height: 1;
							padding-right: 3.2vmin
						}

						.vip-tip .right .subtitle b {
							color: #ff335c
						}

						#vipTip {
							min-height: 10.4vmin
						}

						.rightscardsets-item {
							color: #000;
							font-size: 4.53333vmin;
							min-height: 9.6vmin;
							padding: 0 3.2vmin !important
						}

						.rightscardsets-item .i-text {
							font-size: 3.73333vmin;
							vertical-align: middle
						}

						.rightscardsets-item .label-icon {
							height: 4vmin;
							margin-left: 1.06667vmin;
							width: auto
						}

						.rightscardsets-item b {
							color: #959aa5;
							font-size: 3.73333vmin;
							font-weight: 400
						}

						.rightsCardSets-sheet {
							background-color: #f5f6f8;
							min-height: 85.3vmin
						}

						.rightsCardSets-sheet .bui-checkbox-label {
							flex-grow: 2
						}

						.rightsCardSets-sheet .not-useable .opt-title,
						.rightsCardSets-sheet .not-useable .tip {
							color: #c8c8c8
						}

						.rightsCardSets-sheet .not-useable img {
							opacity: .3
						}

						.rightsCardSets-sheet b {
							color: #2e333e;
							font-weight: 400
						}

						.rightsCardSets-sheet .rcs-option {
							display: flex;
							flex-direction: column
						}

						.rightsCardSets-sheet .option-main-wrap {
							margin-right: 13.6vmin
						}

						.rightsCardSets-sheet .title-wrap {
							align-items: center;
							display: flex;
							justify-content: flex-start;
							margin-bottom: 1.6vmin
						}

						.rightsCardSets-sheet .title-wrap .mcard-img {
							height: 4vmin
						}

						.rightsCardSets-sheet .title-wrap .ucard-img {
							display: inline-block;
							height: 4vmin;
							width: 8.53333333vmin
						}

						.rightsCardSets-sheet .title-wrap .opt-title {
							margin-left: 1.6vmin;
							margin-right: 2.1vmin
						}

						.rightsCardSets-sheet .title-wrap .desc {
							color: #ff4361;
							font-size: 3.2vmin
						}

						.rightsCardSets-sheet .tip {
							color: var(--bui-color-fg-muted);
							font-size: 3.2vmin;
							padding-left: 5.3vmin
						}

						.vip-noget-container {
							background-color: #fff;
							border-radius: 1.6vmin;
							margin: 4vmin 3.2vmin 2.4vmin
						}

						.vip-noget-container .vip-content {
							align-items: center;
							display: flex;
							flex-direction: row;
							padding: 3.2vmin 2.4vmin;
							position: relative
						}

						.vip-noget-container .vip-content .bui-list-item {
							flex-grow: 2
						}

						.vip-noget-container .vip-content .bui-list-item-content-primary {
							align-items: center;
							display: flex
						}

						.vip-noget-container .vip-content .vip-img-warp {
							display: flex
						}

						.vip-noget-container .vip-content img {
							display: inline-block;
							height: 4vmin;
							width: auto
						}

						.vip-noget-container .vip-content .main-title {
							color: #2e333e;
							font-size: 3.2vmin;
							line-height: 3.2vmin;
							margin-left: 1.06666667vmin
						}

						.vip-noget-container .vip-content .sub-title {
							color: #959aa5;
							font-size: 3.2vmin;
							line-height: 3.2vmin
						}

						.rightscard-card {
							margin: 3.2vmin
						}

						.rightscard-card .bui-checkbox {
							width: 100%
						}

						.bui-coupon-divider {
							display: flex;
							flex: 0 0 auto;
							height: 100% !important;
							left: 24.8vmin;
							overflow: hidden;
							position: absolute !important;
							width: 3.2vmin
						}

						.bui-coupon-divider .btm-corner,
						.bui-coupon-divider .top-corner {
							box-sizing: border-box;
							height: 3.2vmin;
							position: absolute;
							width: 3.2vmin
						}

						.bui-coupon-divider .line {
							background-color: 1.6vmin;
							bottom: 2.66667vmin;
							position: absolute;
							top: 2.66667vmin;
							width: 3.2vmin
						}

						.bui-coupon-divider .line:before {
							border-left: 1px dashed #ededed;
							bottom: 0;
							content: "";
							height: 100%;
							left: 50%;
							position: absolute;
							top: 0;
							width: 0;
							z-index: 1
						}

						.bui-coupon-divider .top-corner {
							top: -1.6vmin
						}

						.bui-coupon-divider .top-corner:before {
							border-radius: 100%;
							bottom: 0;
							box-shadow: 0 4.8vmin 0 3.2vmin var(--bui-color-bg-view);
							box-sizing: border-box;
							content: "";
							height: 100%;
							position: absolute;
							width: 100%
						}

						.bui-coupon-divider .btm-corner {
							bottom: -1.6vmin
						}

						.bui-coupon-divider .btm-corner:before {
							border-radius: 100%;
							box-shadow: 0 -4.8vmin 0 3.2vmin var(--bui-color-bg-view);
							box-sizing: border-box;
							content: "";
							height: 100%;
							position: absolute;
							top: 0;
							width: 100%
						}

						.bui-coupon-card {
							background-color: #fff;
							border: 1px solid #ededed;
							border-radius: 2.4vmin;
							display: flex;
							margin-bottom: 2.4vmin;
							min-height: 26.13333vmin;
							overflow: hidden;
							position: relative
						}

						.bui-coupon-card.bui-coupon-card-movie .bui-coupon-header {
							background-image: url(//gw.alicdn.com/tfs/TB1_8D8JFP7gK0jSZFjXXc5aXXa-312-380.png)
						}

						.bui-coupon-card.bui-coupon-card-damai .bui-coupon-header {
							background-image: url(//gw.alicdn.com/tfs/TB1E8F.lsKfxu4jSZPfXXb3dXXa-312-380.png)
						}

						.bui-coupon-card.bui-coupon-card-damai .bui-coupon-header .amount .bui-price {
							color: #b12dff
						}

						.bui-coupon-card.bui-coupon-card-cinema .bui-coupon-header {
							background-image: url(//gw.alicdn.com/tfs/TB1Qc69JHr1gK0jSZFDXXb9yVXa-312-380.png)
						}

						.bui-coupon-card.bui-coupon-card-cinema .bui-coupon-header .amount .bui-price {
							color: #24ca7c
						}

						.bui-coupon-card.bui-coupon-card-sale .bui-coupon-header {
							background-image: url(//gw.alicdn.com/tfs/TB1xRgvbj39YK4jSZPcXXXrUFXa-312-380.png)
						}

						.bui-coupon-card.bui-coupon-card-sale .bui-coupon-header .amount .bui-price {
							color: #f88932
						}

						.bui-coupon-card.bui-coupon-card-vip .btn-use-coupon {
							background-image: linear-gradient(90deg, var(--bui-color-vip-start) 3%, var(--bui-color-vip-end) 100%);
							color: #582331
						}

						.bui-coupon-card.bui-coupon-card-vip .bui-coupon-header {
							background-image: linear-gradient(90deg, #ffe8c2, hsla(1, 100%, 91%, 0))
						}

						.bui-coupon-card.bui-coupon-card-vip .bui-coupon-header .amount .bui-price {
							color: var(--bui-color-fg-vip-title)
						}

						.bui-coupon-card .bui-coupon-header {
							align-items: center;
							background-color: var(--bui-color-bg-view);
							background-position: 0 100%;
							background-repeat: no-repeat;
							background-size: contain;
							border-bottom-left-radius: 2.4vmin;
							border-top-left-radius: 2.4vmin;
							display: flex;
							flex: 0 0 auto;
							flex-direction: column;
							justify-content: center;
							padding: 2.13333vmin 2.13333vmin 2.13333vmin 2.66667vmin;
							position: relative;
							width: 24.8vmin
						}

						.bui-coupon-card .bui-coupon-header .amount-unit {
							font-size: 3.46667vmin
						}

						.bui-coupon-card .bui-coupon-header .amount-unit.is-general {
							font-size: 5.6vmin
						}

						.bui-coupon-card .bui-coupon-header .amount-discount {
							font-size: 3.46667vmin
						}

						.bui-coupon-card .bui-coupon-header .amount-price {
							font-size: 6.93333vmin;
							font-weight: 500
						}

						.bui-coupon-card .bui-coupon-header .amount .amoint-price-desc {
							font-size: 5.6vmin
						}

						.bui-coupon-card .bui-coupon-header .amount .price-size-small {
							font-size: 4.26667vmin
						}

						.bui-coupon-card .bui-coupon-header .amount-word {
							font-size: 5.6vmin
						}

						.bui-coupon-card .bui-coupon-header .amount-word.font-size-small {
							font-size: 4.53333vmin
						}

						.bui-coupon-card .bui-coupon-header.coupon-amount .coupon-logo {
							background-position: 50%;
							background-repeat: no-repeat;
							background-size: cover;
							height: 100%;
							width: 100%
						}

						.bui-coupon-card .bui-coupon-header.coupon-amount .amount-info {
							align-items: center;
							display: flex;
							flex-direction: column;
							justify-content: center
						}

						.bui-coupon-card .bui-coupon-header.coupon-amount .amount-info .amount {
							text-align: center;
							white-space: nowrap
						}

						.bui-coupon-card .bui-coupon-header.coupon-amount .amount-info .amount .amount-discount {
							font-size: 3.46667vmin;
							line-height: 3.46666667vmin
						}

						.bui-coupon-card .bui-coupon-header.coupon-amount .use-condition {
							color: #959aa5;
							display: -webkit-box;
							font-size: 3.2vmin;
							-webkit-line-clamp: 2;
							-webkit-box-orient: vertical;
							overflow: hidden;
							text-align: center;
							text-overflow: ellipsis;
							white-space: pre-wrap;
							width: 21.33333333vmin
						}

						.bui-coupon-card .bui-coupon-header.coupon-amount .festival-tag {
							background-color: transparent;
							background-image: linear-gradient(90deg, #fff8e3, #ffecc5);
							border-bottom-right-radius: 2.4vmin;
							border-top-left-radius: 2.4vmin;
							color: #743b0c;
							font-size: 3.2vmin;
							left: -1px;
							line-height: 5.6vmin;
							padding-left: 1.6vmin;
							padding-right: 1.6vmin;
							position: absolute;
							text-align: center;
							top: 0
						}

						.bui-coupon-card .bui-coupon-header.coupon-amount .bogo-tag {
							align-items: center;
							background-image: linear-gradient(90deg, #ecdbb2, #d8bc82 98%);
							border-bottom-right-radius: 1.6vmin;
							border-top-left-radius: 1.6vmin;
							color: #4c3615;
							display: flex;
							font-size: 2.66667vmin;
							left: 0;
							padding: 1px 1.06667vmin;
							position: absolute;
							text-align: center;
							top: 0
						}

						.bui-coupon-card .bui-coupon-header.coupon-amount .bogo-tag:before {
							background-image: url(//gw.alicdn.com/tfs/TB1nq.kjED1gK0jSZFGXXbd3FXa-200-200.svg);
							background-position: 50%;
							background-repeat: no-repeat;
							background-size: contain;
							content: "";
							height: 3.73333vmin;
							width: 3.73333vmin
						}

						.bui-coupon-card.coupon-item .expansion-gold {
							background-color: #ffecc8;
							border-bottom-left-radius: 2.4vmin;
							border-top-right-radius: 2.4vmin;
							color: #ff8b33;
							font-size: 3.2vmin;
							line-height: 5.6vmin;
							padding-left: 1.6vmin;
							padding-right: 1.6vmin;
							position: absolute;
							right: 0;
							text-align: center;
							top: 0;
							z-index: 10
						}

						.bui-coupon-card.coupon-item .lucky-tag {
							background-color: #ff2e62
						}

						.bui-coupon-card.coupon-item .expire-tag,
						.bui-coupon-card.coupon-item .lucky-tag {
							border-bottom-left-radius: 2.4vmin;
							border-top-right-radius: 2.4vmin;
							color: var(--bui-color-bg-view);
							font-size: 2.66667vmin;
							padding: 0 1.6vmin;
							position: absolute;
							right: 0;
							top: 0
						}

						.bui-coupon-card.coupon-item .expire-tag {
							background-color: #ffaf49
						}

						.bui-coupon-card.coupon-item .bui-vip-tag {
							align-items: center;
							background: #ffaf49;
							border-bottom-left-radius: 0;
							border-bottom-right-radius: 2.66667vmin;
							border-top-left-radius: 2.66667vmin;
							border-top-right-radius: 0;
							color: #fff;
							display: flex;
							font-size: 2.66667vmin;
							height: 4.8vmin;
							justify-content: center;
							left: 0;
							padding: 0 1.6vmin;
							position: absolute;
							top: 0;
							z-index: 1
						}

						.bui-coupon-info {
							align-items: flex-start;
							display: flex;
							flex-grow: 20 !important;
							flex: 1 1;
							flex-direction: column;
							justify-content: center;
							margin-left: 3.2vmin;
							max-width: 48vmin;
							padding: 2.13333vmin;
							padding-right: 0 !important
						}

						.bui-coupon-info .coupon-title {
							align-items: center;
							color: #333;
							display: -webkit-box;
							font-size: 4vmin;
							font-weight: 500;
							position: relative;
							-webkit-line-clamp: 2;
							-webkit-box-orient: vertical;
							overflow: hidden;
							text-overflow: ellipsis
						}

						.bui-coupon-info .coupon-title .tag-title {
							display: inline-block;
							margin-right: .8vmin;
							margin-top: -.53333vmin
						}

						.bui-coupon-info .support-labels-wrap {
							display: flex;
							flex-direction: row;
							flex-wrap: wrap;
							padding: 1.06667vmin 0
						}

						.bui-coupon-info .support-labels-wrap .bui-tag {
							margin-right: .53333vmin
						}

						.bui-coupon-info .bui-coupon-expire-time,
						.bui-coupon-info .bui-coupon-subtitle {
							color: #959aa5;
							display: -webkit-box;
							font-size: 3.46667vmin;
							-webkit-line-clamp: 1;
							-webkit-box-orient: vertical;
							overflow: hidden;
							text-overflow: ellipsis
						}

						.bui-coupon-action {
							align-items: center;
							display: flex;
							flex-grow: 1;
							font-weight: 700;
							justify-content: flex-end;
							padding: 2.13333vmin 3.2vmin 2.13333vmin 0
						}

						.bui-coupon-action .bui-button-use {
							font-size: 3.2vmin;
							font-weight: 500;
							line-height: 3.2vmin
						}

						.bui-coupon-action .bui-button-use.gold {
							background-image: linear-gradient(90deg, var(--bui-color-vip-start) 3%, var(--bui-color-vip-end) 100%);
							color: var(--bui-color-fg-vip-title)
						}

						.bui-coupon-action .bui-button-use.normal {
							background-color: rgba(255, 84, 86, .12);
							color: #ff3d5c
						}

						.bui-coupon-action .consume-integral {
							align-items: center;
							display: flex;
							font-size: 2.93333vmin;
							justify-content: center;
							margin-top: .53333333vmin;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
							width: auto
						}

						.bui-coupon-action .consume-integral .integral-icon {
							background-image: url(//gw.alicdn.com/imgextra/i4/O1CN01mqZofT1wfTk8ocKRQ_!!6000000006335-2-tps-36-36.png);
							background-position: 50%;
							background-repeat: no-repeat;
							background-size: contain;
							height: 3.2vmin;
							margin-right: .8vmin;
							width: 3.2vmin
						}

						.bui-coupon-action .consume-integral .discount-integral {
							color: #dd7f60;
							display: inline-block;
							width: auto
						}

						.bui-coupon-action .consume-integral .normal-integral {
							color: #dd7f60;
							display: inline-block;
							margin-left: .53333vmin;
							width: auto
						}

						.bui-coupon-action .consume-integral .normal-integral.line-through {
							color: #999;
							text-decoration: line-through
						}

						.bui-coupon-action .coupon-diamond-discount {
							color: #582331;
							font-size: 3.2vmin;
							font-weight: 400
						}

						.coupon-btn {
							display: flex
						}

						.coupon-btn .tpp-btn {
							white-space: nowrap
						}

						.coupon-btn .goods-not-open {
							color: #666;
							font-size: 3.2vmin
						}

						.bui-btn-container {
							align-items: center;
							display: flex;
							flex-direction: column
						}

						.bui-price {
							align-items: baseline;
							color: var(--bui-color-primary);
							display: inline-flex;
							font-size: 2.93333vmin
						}

						.bui-price-main {
							font-size: 4.26667vmin;
							font-weight: 500;
							margin: 0 .53333vmin
						}

						.bui-price-postfix {
							color: var(--bui-color-fg-subtle)
						}

						.bui-price-postfix.line-through {
							text-decoration: line-through
						}

						.bui-diamond-tag,
						.bui-diamond-tag-header {
							align-items: center;
							display: flex
						}

						.bui-diamond-tag-header {
							background-image: linear-gradient(180deg, #fefeff, #dce6ff), linear-gradient(108deg, rgba(42, 66, 132, .1), rgba(40, 18, 101, .1) 53%, rgba(108, 22, 140, .1));
							border: .5px solid rgba(78, 21, 123, .3);
							border-radius: .8vmin;
							color: #210276;
							font-size: 3.2vmin;
							font-weight: 500;
							height: 4vmin
						}

						.bui-diamond-tag-img {
							background-size: cover;
							border-bottom-left-radius: .8vmin;
							border-top-left-radius: .8vmin;
							display: inline-block;
							height: 4vmin;
							margin-left: -.5px;
							vertical-align: middle;
							width: 6.93333vmin
						}

						.bui-diamond-tag-desc {
							height: 3.46667vmin;
							line-height: 3.46667vmin;
							transform: scale(.8)
						}

						.bui-diamond-tag-content {
							color: #210276;
							font-size: 3.2vmin;
							font-weight: 400;
							height: 4vmin;
							line-height: 4vmin;
							padding-left: .53333vmin;
							transform: scale(.9)
						}

						.exchange-popup {
							align-items: center;
							background-color: #fff;
							background-image: url(//gw.alicdn.com/imgextra/i4/O1CN01YjaL9d1c4ZVxVC6Uf_!!6000000003547-2-tps-600-152.png);
							background-repeat: no-repeat;
							background-size: contain;
							border-radius: 4.8vmin;
							box-sizing: border-box;
							display: flex;
							flex-direction: column;
							left: 50%;
							padding: 16vmin 6.4vmin 5.6vmin;
							position: fixed;
							top: 50%;
							transform: translate(-50%, -50%);
							width: 80vmin;
							z-index: 102
						}

						.exchange-popup-diamond {
							background-image: url(//gw.alicdn.com/imgextra/i4/O1CN01kPFbcG1pMWDcgaNWm_!!6000000005346-2-tps-900-180.png)
						}

						.exchange-popup .head-icon {
							background-image: url(//gw.alicdn.com/imgextra/i2/O1CN010P4X7x1UoMBO97ROn_!!6000000002564-2-tps-270-270.png);
							background-repeat: no-repeat;
							background-size: contain;
							height: 20vmin;
							left: 50%;
							position: absolute;
							top: -6.13333333vmin;
							transform: translateX(-50%);
							width: 20vmin
						}

						.exchange-popup .title {
							color: #734c23;
							margin-left: auto;
							margin-right: auto;
							text-align: center;
							width: 64vmin
						}

						.exchange-popup .popup-title {
							color: #000;
							font-size: 4.8vmin;
							font-weight: 500;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
							width: auto
						}

						.exchange-popup .popup-subtitle {
							color: #959aa5;
							font-size: 4.26667vmin;
							margin-top: 1.06666667vmin
						}

						.exchange-popup .popup-subtitle b {
							color: #dd7f60
						}

						.exchange-popup .exchange-popup-diamond-subtitle b {
							color: #210276
						}

						.exchange-popup .popup-footer {
							align-items: center;
							display: flex;
							justify-content: space-around;
							margin-top: 4vmin
						}

						.exchange-popup .popup-footer .popup-btn {
							border-radius: 5.2vmin;
							display: flex;
							font-size: 4vmin;
							height: 10.4vmin;
							justify-content: center;
							line-height: 10.4vmin;
							width: 32vmin
						}

						.exchange-popup .popup-footer .cancel-btn {
							border: 1px solid #f38066;
							color: #f38066
						}

						.exchange-popup .popup-footer .cancel-btn,
						.exchange-popup .popup-footer .confirm-btn {
							box-sizing: border-box;
							font-size: 4vmin;
							height: 10.4vmin !important;
							width: 32vmin !important
						}

						.exchange-popup .popup-footer .confirm-btn {
							background-image: linear-gradient(90deg, #ffd4a6 3%, #ffbeae);
							color: #582331;
							margin-bottom: 0
						}

						.exchange-popup .popup-footer .dividing-line {
							background-color: #ededed;
							height: 100%;
							width: 1.33333vmin
						}

						.exchange-popup .exchange-popup-diamond-footer .cancel-btn {
							border: 1px solid #6277a7;
							color: #210276
						}

						.exchange-popup .exchange-popup-diamond-footer .confirm-btn {
							background-image: linear-gradient(90deg, #5790ff, #622bd3);
							color: var(--bui-color-bg-view)
						}

						.exchange-popup .use-rules {
							background-color: #ededed;
							border-radius: 2.66667vmin;
							margin-top: 4vmin;
							max-height: 127.46667vmin;
							overflow: auto;
							padding: 4vmin 3.2vmin
						}

						.exchange-popup .use-rules .rule-title {
							color: #2e333e;
							font-size: 4vmin;
							font-weight: 500;
							line-height: 4vmin;
							margin-bottom: 2.4vmin
						}

						.exchange-popup .use-rules .rule-content {
							color: #5f6672;
							font-size: 3.46667vmin;
							white-space: pre-wrap
						}

						.support-labels-wrap {
							background-color: #fff;
							display: flex;
							flex-direction: row;
							flex-wrap: wrap
						}

						.support-labels-wrap .support-tag {
							border: 1px solid var(--bui-color-border-warning);
							border-radius: .8vmin;
							color: #ff901c;
							display: inline-block;
							font-size: 2.66667vmin;
							margin-right: .53333333vmin;
							margin-top: 1.06666667vmin;
							padding: 0 .8vmin .26666667vmin
						}

						.presale-list {
							min-height: 85.3vmin
						}

						.presale-list .title {
							text-align: left
						}

						.presale-list .coupon-tip {
							background-color: #fff7df;
							border-radius: 1.6vmin;
							color: #ff9c1c;
							font-size: 3.2vmin;
							line-height: 4.8vmin;
							margin: 0 4vmin .8vmin;
							padding: 1.6vmin 3.2vmin
						}

						.presale-list .icon-add {
							background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2718%27 height=%2718%27 viewBox=%270 0 18 18%27%3E%3Cpath fill=%27%23bcbcbc%27 d=%27M10.5 7.5h5.996C17.326 7.5 18 8.166 18 9c0 .828-.662 1.5-1.504 1.5H10.5v5.996C10.5 17.326 9.834 18 9 18c-.828 0-1.5-.662-1.5-1.504V10.5H1.504C.674 10.5 0 9.834 0 9c0-.828.662-1.5 1.504-1.5H7.5V1.504C7.5.674 8.166 0 9 0c.828 0 1.5.662 1.5 1.504V7.5z%27/%3E%3C/svg%3E");
							height: 4.8vmin;
							width: 4.8vmin
						}

						.green-style .support-labels-wrap .bui-tag {
							border: 1px solid var(--bui-color-border-success) !important;
							color: var(--bui-color-success) !important
						}

						.presale-cards {
							max-height: 106.66667vmin;
							overflow: auto;
							padding-left: 3.2vmin;
							padding-right: 3.2vmin;
							padding-top: 1.6vmin
						}

						.presale-cards .bui-coupon-expire-time {
							color: #959aa5;
							font-size: 2.93333vmin
						}

						.presale-cards .disabled .bui-coupon-expire-time,
						.presale-cards .disabled .presale-title {
							color: #c8c8c8
						}

						.presale-cards .reduce-name .amount .bui-price {
							display: block
						}

						.presale-cards .reduce-name .amount .bui-price:first-letter {
							font-size: 4vmin
						}

						.presale-title {
							align-content: center;
							color: #959aa5;
							display: flex;
							font-size: 2.93333vmin;
							line-height: 2.93333vmin;
							max-width: 49.33333vmin;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
							width: auto
						}

						.price-size-small {
							font-size: 5.86667vmin !important
						}

						.presale-subtitle {
							display: block !important;
							display: -webkit-box;
							-webkit-line-clamp: 1;
							-webkit-box-orient: vertical;
							max-width: 48vmin;
							overflow: hidden;
							text-overflow: ellipsis
						}

						.bui-drawer-next .bui-drawer-content {
							border-radius: 3.2vmin 3.2vmin 0 0
						}

						.bui-drawer-next .top-msg {
							margin: 0 0 2.4vmin
						}

						.bui-drawer-next-header {
							align-items: center;
							display: flex;
							padding: 3.2vmin 3.2vmin 0;
							position: relative
						}

						.bui-drawer-next-title {
							flex: 1 1;
							font-size: 4.8vmin;
							font-weight: 500;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap
						}

						.bui-drawer-next-subtitle {
							color: var(--bui-color-fg-subtle);
							flex: 1 1 auto;
							font-size: 3.46667vmin;
							padding: 0 8.53333vmin 0 1.33333vmin
						}

						.bui-drawer-next-title+.bui-drawer-next-body {
							padding-top: 0
						}

						.bui-drawer-next-body {
							font-size: 3.46667vmin;
							max-height: 70vh;
							min-height: 30vh;
							overflow: auto;
							padding: 3.2vmin
						}

						.bui-drawer-next-footer {
							padding: 3.2vmin
						}

						@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-min-device-pixel-ratio:3),
						only screen and (device-width:390px) and (device-height:844px) and (-webkit-min-device-pixel-ratio:3),
						only screen and (device-width:393px) and (device-height:852px) and (-webkit-min-device-pixel-ratio:3),
						only screen and (device-width:414px) and (device-height:896px) and (-webkit-min-device-pixel-ratio:2),
						only screen and (device-width:428px) and (device-height:926px) and (-webkit-min-device-pixel-ratio:3),
						only screen and (device-width:430px) and (device-height:932px) and (-webkit-min-device-pixel-ratio:3) {
							.bui-drawer-next-footer {
								padding-bottom: 46px
							}
						}

						.arrow-wrapper {
							align-items: center;
							display: flex;
							height: 2.66666667vmin;
							margin-left: 1.6vmin;
							width: 2.66666667vmin
						}

						.arrow-wrapper .arrow-icon {
							border-color: #999;
							border-style: solid;
							display: block;
							height: 2.13333333vmin;
							width: 2.13333333vmin
						}

						.arrow-wrapper .arrow-icon.arrow-small {
							height: 1.33333333vmin;
							width: 1.33333333vmin
						}

						.arrow-wrapper .arrow-icon.arrow-top {
							border-width: 1px 0 0 1px;
							transform: translateY(.53333vmin) rotate(45deg)
						}

						.arrow-wrapper .arrow-icon.arrow-right {
							border-width: 0 1px 1px 0;
							transform: rotate(-45deg)
						}

						.arrow-wrapper .arrow-icon.arrow-bottom {
							border-width: 1px 0 0 1px;
							transform: translateY(-.53333vmin) rotate(-135deg)
						}

						.info-item {
							color: #000;
							font-size: 4vmin;
							justify-content: space-between;
							padding: 2.13333333vmin 0
						}

						.info-item,
						.info-item-label {
							align-items: center;
							display: flex
						}

						.info-item-label img {
							height: 4vmin;
							margin-left: 1.06667vmin;
							vertical-align: middle;
							width: auto !important
						}

						.info-item-icon {
							height: 3.73333vmin !important;
							width: 3.73333vmin !important
						}

						.info-item-content {
							display: flex;
							padding-left: 2.66667vmin
						}

						div[data-mod=sale-list] {
							background-color: #fff;
							border-radius: 2.4vmin;
							overflow: hidden
						}

						div[data-mod=sale-list] .sale-title {
							align-items: center;
							background-color: #fff;
							border-radius: 2.13333vmin;
							color: #2e333e;
							display: flex;
							font-size: 5vmin;
							font-weight: 600;
							margin-left: 0;
							margin-right: 0;
							margin-top: -.3vmin;
							min-height: 10vmin;
							overflow: inherit;
							overflow: hidden;
							padding: 1.5625vmin 3.125vmin !important;
							text-align: left;
							text-overflow: ellipsis;
							vertical-align: middle;
							white-space: nowrap;
							width: auto
						}

						div[data-mod=sale-list] .sales-tip {
							color: var(--bui-color-fg-muted);
							font-size: 3.2vmin !important;
							font-weight: 400;
							margin-top: .53333vmin;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
							width: auto
						}

						div[data-mod=sale-list] .sales-tip img {
							display: inline-block;
							height: 4.8vmin;
							width: 4.8vmin
						}

						div[data-mod=sale-list] .sale-value {
							flex: 1 1 auto;
							text-align: right
						}

						div[data-mod=sale-list] .sale-brief {
							align-items: center;
							color: #959aa5;
							display: flex;
							font-size: 4.1vmin
						}

						.product-sale-tag {
							align-items: flex-end;
							background-color: #ff8533;
							color: #fff;
							display: flex;
							font-size: 3.2vmin;
							height: 13.33333vmin;
							justify-content: center;
							position: absolute;
							right: -6.66667vmin;
							top: -6.66667vmin;
							transform: rotate(45deg);
							width: 13.33333vmin
						}

						.product-tag {
							background-image: linear-gradient(90deg, #ffd277, #ff5e45);
							border-bottom-right-radius: 1.6vmin;
							border-top-left-radius: 1.6vmin;
							color: #fff;
							font-size: 2.66667vmin;
							padding: 0 1.06667vmin;
							position: absolute;
							top: 1.6vmin;
							z-index: 2
						}

						.saleItem {
							overflow: hidden !important;
							padding: 0 3.2vmin;
							position: relative
						}

						.saleItem .count-tip {
							color: #000;
							font-size: 4.4vmin;
							padding-top: .6vmin
						}

						.saleItem .count-tip .red {
							color: #ff335c
						}

						.saleItem .free-tag {
							border: 1px solid rgba(255, 133, 51, .4);
							border-radius: 1.06667vmin;
							color: #ff8533;
							font-size: 3.4vmin;
							font-size: 2.66667vmin;
							font-weight: 600;
							height: 4vmin;
							line-height: 4vmin;
							margin-right: 1.33333vmin;
							margin-top: .6vmin;
							padding: 0 1.06667vmin
						}

						.saleItem .dy-list-content {
							flex: 1 1;
							min-width: 16vmin;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
							width: auto
						}

						.saleItem .dy-list-content .dy-list-content-line {
							align-items: stretch;
							display: flex;
							flex: 1 1 auto
						}

						.saleItem .dy-list-content .dy-list-content-line:first-child {
							min-height: 12.3vmin
						}

						.saleItem .dy-list-content .dy-list-content-line .tag-padding {
							padding-bottom: 4.8vmin
						}

						.saleItem .dy-list-content .dy-list-content-line .dy-list-label {
							flex: 1 1 auto;
							position: relative
						}

						.saleItem .dy-list-content .dy-list-content-line .dy-list-label .dy-list-tag {
							border: 1px solid #ff8533;
							border-radius: 1.06667vmin;
							color: #ff8533;
							display: inline-block;
							font-size: 2.93333vmin;
							height: 4.26667vmin;
							margin-bottom: 1px;
							padding: 0 1.06667vmin;
							vertical-align: text-bottom
						}

						.saleItem .dy-list-content .dy-list-content-line .dy-list-label .dy-list-title {
							color: #000
						}

						.saleItem .dy-list-content .dy-list-content-line .dy-list-label .dy-list-brief {
							align-items: baseline;
							display: flex;
							flex-wrap: wrap;
							white-space: normal;
							white-space: initial
						}

						.saleItem .dy-list-content .dy-list-content-line .dy-list-label .dy-list-brief .act-tag {
							font-size: 3.2vmin;
							padding-right: .6vmin
						}

						.saleItem .dy-list-content .dy-list-content-line .dy-list-label .dy-list-brief .price {
							font-size: 3.73333vmin;
							padding-right: .6vmin
						}

						.saleItem .dy-list-content .dy-list-content-line .dy-list-label .dy-list-brief .stdPrice {
							color: #959aa5;
							padding-right: .6vmin;
							text-decoration: line-through
						}

						.saleItem .dy-list-content .dy-list-content-line .dy-list-label .dy-list-brief .icon-mCard {
							color: #00d68f;
							font-size: 3.8vmin
						}

						.saleItem .dy-list-content .dy-list-content-line .dy-list-label .dy-list-brief .special-flag {
							border: 1px solid #ff8208;
							color: #ff8208;
							display: inline-block;
							font-size: 3.1vmin;
							font-style: normal;
							height: 3.73333vmin;
							line-height: 3.73333vmin;
							padding: 0 1.6vmin;
							text-align: center;
							vertical-align: middle
						}

						.saleItem .dy-list-content .dy-list-content-line .dy-list-label .sales-desc {
							color: #000;
							display: inline;
							font-size: 3.46667vmin;
							line-height: 1.2;
							text-align: left
						}

						.saleItem .dy-list-content .dy-list-content-line .dy-list-value {
							align-items: center;
							align-self: initial;
							display: flex;
							justify-content: flex-end;
							text-align: right
						}

						.saleItem .sales-price {
							font-size: 3.2vmin
						}

						.saleItem .sales-price .act-tag.red,
						.saleItem .sales-price .price.red {
							color: var(--bui-color-primary)
						}

						.saleItem.disabled .dy-list-label {
							pointer-events: none
						}

						.saleItem.disabled .dy-list-label .dy-list-brief,
						.saleItem.disabled .dy-list-label .dy-list-brief .red,
						.saleItem.disabled .dy-list-label .dy-list-title,
						.saleItem.disabled .dy-list-label .dy-list-title .red {
							color: #c8c8c8
						}

						.saleItem.disabled .number-decrease {
							pointer-events: none
						}

						.number-spinner {
							align-items: center;
							box-sizing: border-box;
							display: flex;
							height: 6.4vmin;
							justify-content: flex-end;
							min-width: 21.33333vmin;
							overflow: hidden;
							overflow-y: hidden;
							padding: 0;
							position: relative
						}

						.number-spinner .number-decrease,
						.number-spinner .number-increase {
							background-size: cover;
							height: 6.4vmin;
							width: 6.4vmin
						}

						.number-spinner .number-increase {
							background-image: url(//gw.alicdn.com/tfs/TB1dj0oFrH1gK0jSZFwXXc7aXXa-42-42.svg)
						}

						.number-spinner .number-decrease {
							background-image: url(//gw.alicdn.com/tfs/TB1gjhcFuL2gK0jSZPhXXahvXXa-42-42.svg)
						}

						.number-spinner .number-picker {
							color: #000;
							font-size: 4.26667vmin;
							text-align: center;
							width: 8.5vmin
						}

						.sale-item-inner {
							align-items: stretch;
							display: flex;
							padding: 1.6vmin 0
						}

						.sale-item-inner .gray {
							color: var(--bui-color-fg-subtle)
						}

						.mcard-price {
							color: #00d68f;
							font-size: 3.2vmin;
							margin-left: 1.6vmin
						}

						.product-poster {
							background-position: 50% 50%;
							background-repeat: no-repeat;
							background-size: cover;
							border: 1px solid #ededed;
							border-radius: 1.6vmin;
							flex: 0 0 auto;
							height: 17.33333333vmin;
							margin-right: 2.66667vmin;
							width: 17.33333333vmin
						}

						.product-poster .product-poster-img {
							display: inline-block;
							height: 17.33333333vmin;
							width: 17.33333333vmin
						}

						.sale-list {
							margin-bottom: 2.4vmin
						}

						.sale-list .sales-tip img {
							display: inline-block;
							height: 4.8vmin;
							width: 4.8vmin
						}

						.sale-list .dy-list-label {
							flex: 0 0 auto
						}

						.sale-list .dy-list-value {
							flex: 1 1 auto;
							text-align: right
						}

						.sale-list .dy-list-arrow {
							flex: 0 0 auto
						}

						.sale-list .dy-list-brief {
							color: #959aa5;
							font-size: 4.1vmin
						}

						.sale-list .exchange-time {
							background-color: #fff;
							color: #959aa5;
							font-size: 3.46667vmin
						}

						.sale-act-sheet {
							min-height: 100vmin
						}

						.sales-act {
							min-height: inherit;
							padding-top: 0
						}

						.sales-act.tag--9 .tpp-lbl {
							padding: 0
						}

						.sales-act.tag--9 i {
							background-size: contain;
							height: 4vmin;
							width: 4vmin
						}

						.sales-act.tag--9 b {
							color: #ff335c;
							font-weight: 400
						}

						.sales-act .dy-list-content {
							align-items: center;
							display: flex
						}

						.sales-act .dy-list-content .act-title {
							color: #959aa5;
							font-size: 3.46667vmin;
							margin-left: 2.13333vmin;
							overflow: hidden;
							text-overflow: ellipsis
						}

						.sales-act .dy-list-content .tag-joined {
							background: #faecee;
							border-radius: 1.06667vmin;
							color: #ff335c;
							font-size: 2.66667vmin;
							line-height: 4vmin;
							padding: 1px 1.06667vmin;
							text-align: center
						}

						.sales-act .act-notice {
							color: #999;
							font-size: 3.46667vmin
						}

						.sale-act-sheet .tag-joined {
							background: #faecee;
							border-radius: 1.06667vmin;
							color: #ff335c;
							font-size: 2.66667vmin;
							line-height: 4vmin;
							padding: 1px 1.06667vmin;
							text-align: center
						}

						.sale-group-title {
							color: #999;
							font-size: 3.46667vmin;
							line-height: 1;
							padding: 0 3.2vmin
						}

						.sale-division {
							background: transparent linear-gradient(0deg, #ededed, #ededed 50%, transparent 0, transparent 0) 0 100% repeat-x;
							background-size: 100% 1px;
							height: 1px;
							margin: 0 3.2vmin 4vmin
						}

						.sale-division+.sale-group-title {
							padding-top: 4vmin
						}

						.choose-more {
							color: var(--bui-color-info);
							padding: 5.33333vmin 0;
							text-align: center;
							width: 100%
						}

						.sale-pop-container {
							padding-left: 2.66667vmin;
							padding-right: 2.66667vmin
						}

						.sale-equity {
							margin-bottom: 2.66666667vmin;
							overflow: hidden
						}

						.sale-equity h3 {
							font-size: 4.53333333vmin
						}

						.sale-equity .info-item {
							color: var(--bui-color-fg-muted);
							font-size: 3.2vmin;
							margin: 2.66666667vmin 0;
							padding: 0
						}

						.sale-equity .info-item b {
							color: #ff335c
						}

						.sale-equity img {
							height: 4.26667vmin;
							margin-right: .8vmin;
							width: auto
						}

						.equity-wrap {
							display: flex;
							flex-wrap: wrap;
							height: 4.8vmin;
							justify-content: flex-start;
							max-width: 65.06666667vmin;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
							width: auto
						}

						.equity-wrap .equity-item {
							align-items: center;
							border: 1px solid rgba(249, 79, 88, .4);
							border-radius: .8vmin;
							box-sizing: border-box;
							color: #f94f58;
							display: flex;
							font-size: 2.66667vmin;
							font-weight: 500;
							height: 4.8vmin;
							justify-content: center;
							margin-right: 1.6vmin;
							padding-left: 1.6vmin;
							padding-right: 1.6vmin;
							position: relative
						}

						.equity-wrap .equity-item .equity-line {
							height: 100%;
							margin: 0 1.06666667vmin 0 .8vmin;
							position: relative
						}

						.equity-wrap .equity-item .equity-line:after {
							border-left: 1px solid #f94f58;
							border-radius: 0;
							box-sizing: border-box;
							content: "";
							height: 70%;
							left: 0;
							pointer-events: none;
							position: absolute;
							top: 15%;
							transform-origin: 0 0;
							width: 100%
						}

						@media (min-device-pixel-ratio:1.5) {
							.equity-wrap .equity-item .equity-line:after {
								height: 140%;
								transform: scale(.5);
								width: 200%
							}
						}

						.equity-wrap .equity-tag-201,
						.equity-wrap .equity-tag-206 {
							border: 1px solid rgba(179, 132, 49, .4);
							border-radius: 1.06667vmin;
							color: #b38431
						}

						.equity-wrap .equity-tag-201 .equity-line:after,
						.equity-wrap .equity-tag-206 .equity-line:after {
							border-left: 1px solid #b38431
						}

						.equity-wrap .activity-item {
							border-radius: .8vmin;
							margin-right: 1.6vmin;
							position: relative
						}

						.equity-wrap .activity-item[data-type="-8"] {
							border: 1px solid rgba(179, 132, 49, .3);
							color: #b38431
						}

						.equity-wrap .activity-item[data-type="-4"],
						.equity-wrap .activity-item[data-type="4"],
						.equity-wrap .activity-item[data-type="5"],
						.equity-wrap .activity-item[data-type="8"],
						.equity-wrap .activity-item[data-type="9"] {
							border: 1px solid var(--bui-color-border-warning);
							color: var(--bui-color-warning)
						}

						.equity-wrap .activity-item[data-type="-3"],
						.equity-wrap .activity-item[data-type="0"],
						.equity-wrap .activity-item[data-type="3"] {
							border: 1px solid rgba(0, 204, 190, .3);
							color: #00ccbe
						}

						.equity-wrap .activity-item[data-type="6"] {
							border: 1px solid rgba(164, 81, 244, .3);
							color: #a451f4
						}

						.equity-wrap .activity-item[data-type="12"],
						.equity-wrap .activity-item[data-type="7"] {
							border: 1px solid rgba(19, 148, 243, .3);
							color: #1394f3
						}

						@media only screen and (max-device-width:320px) {
							.equity-wrap .activity-item {
								margin-right: 1.06666667vmin
							}
						}

						.act-notice {
							color: #999;
							font-size: 3.46667vmin
						}

						.sale-bui-list .bui-list-item {
							padding-bottom: 2.66667vmin !important;
							padding-top: 0 !important
						}

						.sale-coupon-body {
							max-height: 96vmin;

							overflow: aut… .endorse-refund-tip {
								align-items: center;
								border-radius: 1.6vmin;
								display: flex;
								height: 9.6vmin;
								margin: 0 2.4vmin 2.4vmin !important;
								overflow: hidden;
								width: 95.2vmin
							}

							.endorse-refund-tip .close-icon {
								margin-right: 4vmin;
								margin-top: .8vmin
							}

							.endorse-refund-tip .bui-list {
								background: url(https://gw.alicdn.com/imgextra/i4/O1CN01z7madL1mN1kul0K2V_!!6000000004941-2-tps-330-108.png) #fff no-repeat 0 0;
								background-size: 29.33333vmin 10.66667vmin
							}

							.endorse-refund-tip .bui-list-item-content {
								align-items: center;
								color: #161633;
								display: flex;
								flex-direction: row;
								font-size: 3.2vmin;
								max-height: 66.66667vmin;
								overflow: hidden;
								text-overflow: ellipsis;
								white-space: nowrap;
								width: auto
							}

							.endorse-refund-tip .bui-list-item-extra {
								position: absolute;
								right: 4vmin
							}

							.endorse-refund-tip .bui-list-item-footer {
								position: absolute;
								right: 8vmin
							}

							.endorse-refund-tip .endorse-tip {
								border-radius: 1.6vmin;
								color: #161633;
								flex-grow: 2;
								font-size: 3.2vmin
							}

							.endorse-refund-tip .endorse-tip .notice_text {
								max-width: 66.66667vmin;
								overflow: hidden;
								text-overflow: ellipsis;
								white-space: nowrap;
								width: auto
							}

							.endorse-refund-tip .bui-list-item {
								padding-bottom: 3.2vmin !important;
								padding-top: 3.2vmin !important
							}

							[data-mod=endorse-tip] {
								border-radius: 6;
								margin-bottom: 0;
								overflow: hidden
							}

							.vip-card {
								display: flex;
								flex-flow: column;
								height: 138.66666667vmin
							}

							.vip-card .mcard-tips {
								align-items: center;
								color: var(--bui-color-fg-subtle);
								display: flex;
								font-size: 3.46667vmin;
								padding: 4vmin 4vmin 0
							}

							.vip-card .mcard-tips .i-trumpet {
								background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width=%2730%27 height=%2728%27 viewBox=%270 0 30 28%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ctitle%3E%E5%96%87%E5%8F%AD %281%29%3C/title%3E%3Cpath d=%27M14.53 27.968c-.707 0-1.49-.427-2.328-1.267l-6.168-6.2H3.24C1.455 20.5 0 19.037 0 17.24v-6.515C0 8.93 1.454 7.467 3.24 7.467h2.794L12.2 1.27C13.03.433 13.81.01 14.523.01c.774 0 1.68.53 1.68 2.024V25.93c0 1.505-.902 2.038-1.674 2.038zM3.24 9.638c-.594 0-1.08.488-1.08 1.087v6.516c0 .6.486 1.087 1.08 1.087h3.24c.288 0 .563.114.765.318l6.484 6.52c.113.114.218.21.313.29V2.513c-.094.08-.2.176-.316.292L7.245 9.32c-.202.205-.477.32-.764.32H3.24zm16.73 11.756c-.218 0-.438-.066-.63-.204-.483-.35-.594-1.028-.247-1.516l.428-.59c1.12-1.522 2.085-2.84 2.085-5.1 0-2.344-.856-3.48-1.94-4.92-.19-.253-.382-.51-.57-.773-.348-.486-.238-1.164.247-1.515.485-.352 1.16-.24 1.508.25.177.247.36.49.54.728 1.168 1.553 2.375 3.16 2.375 6.23 0 2.975-1.33 4.79-2.503 6.39l-.412.57c-.212.295-.542.45-.88.45zm3.676 3.687c-.253 0-.508-.088-.712-.268-.45-.395-.494-1.082-.1-1.532 2.167-2.486 4.172-5.33 4.172-9.297 0-3.966-2.005-6.812-4.173-9.296-.393-.45-.348-1.137.1-1.533.447-.395 1.13-.35 1.525.1 2.328 2.67 4.71 6.032 4.71 10.73 0 4.696-2.382 8.06-4.71 10.727-.215.247-.513.37-.812.37z%27 fill-rule=%27nonzero%27 fill=%27%23999%27/%3E%3C/svg%3E");
								background-position: 50%;
								background-size: contain;
								height: 4vmin;
								margin-right: 1.33333vmin;
								width: 4vmin
							}

							.vip-card.vip-card-renew {
								height: auto;
								max-height: 138.66666667vmin;
								overflow: scroll
							}

							.vip-card .vip-card-header {
								color: #222227;
								flex: 0 0 auto;
								flex-basis: 13.33333333vmin;
								font-size: 4.53333vmin;
								line-height: 13.33333333vmin;
								padding-left: 4.53333333vmin;
								padding-right: 4.53333333vmin;
								position: relative;
								text-align: center
							}

							.vip-card .vip-card-content {
								background: transparent linear-gradient(180deg, #ededed, #ededed 50%, transparent 0, transparent 0) 0 0 repeat-x;
								background-color: var(--bui-color-bg-default);
								background-size: 100% 1px;
								display: flex;
								flex: 1 1;
								flex-flow: column;
								overflow: scroll
							}

							.vip-card .vip-card-footer {
								align-items: center;
								background: transparent linear-gradient(180deg, #ededed, #ededed 50%, transparent 0, transparent 0) 0 0 repeat-x;
								background-size: 100% 1px;
								display: flex;
								flex: 0 0 auto;
								padding-left: 3.2vmin
							}

							.vip-card .vip-card-body {
								align-items: flex-start;
								background-color: grey;
								background-position: top;
								background-repeat: no-repeat;
								background-size: cover;
								border-top-left-radius: 2.13333333vmin;
								border-top-right-radius: 2.13333333vmin;
								box-sizing: border-box;
								display: flex;
								flex: 0 0 auto;
								height: 29.33333333vmin;
								margin-left: auto;
								margin-right: auto;
								margin-top: 5.33333333vmin;
								overflow: hidden;
								padding-left: 4vmin;
								padding-right: 4vmin;
								padding-top: 4vmin;
								width: 74.66666667vmin
							}

							.vip-card .vip-card-body+div {
								background: transparent linear-gradient(180deg, #ededed, #ededed 50%, transparent 0, transparent 0) 0 0 repeat-x;
								background-size: 100% 1px;
								flex: 1 1;
								padding: 0 0 8vmin;
								position: relative
							}

							.vip-card .vip-card-benefits {
								margin: 3.2vmin 4vmin 0
							}

							.vip-card .vip-card-desc {
								background: transparent linear-gradient(180deg, #ededed, #ededed 50%, transparent 0, transparent 0) 0 0 repeat-x;
								background-size: 100% 1px;
								margin-left: 4vmin;
								margin-right: 4vmin;
								padding-top: 4vmin
							}

							.vip-card .vip-card-type {
								display: flex;
								height: 15.46666667vmin;
								justify-content: center;
								margin-top: 3.2vmin;
								overflow-x: auto;
								overflow-y: hidden;
								padding-left: 12.8vmin;
								padding-right: 12.53333333vmin;
								white-space: nowrap
							}

							.vip-card .vip-card-subtitle {
								align-items: center;
								background: transparent linear-gradient(180deg, #ededed, #ededed 50%, transparent 0, transparent 0) 0 0 repeat-x;
								background-size: 100% 1px;
								display: flex;
								flex: 0 0 auto;
								height: 17.6vmin;
								padding-left: 4vmin;
								padding-right: 4vmin
							}

							.vip-card .vip-card-renewlist {
								display: flex;
								flex: 1 0 auto;
								flex-flow: column;
								margin-left: 4vmin;
								min-height: 69.33333333vmin
							}

							.vip-card-icon {
								border: 1px solid #959aa5;
								border-radius: 50%;
								height: 9.6vmin;
								margin-right: 2.4vmin;
								width: 9.6vmin
							}

							.vip-card-icon:after {
								border-width: .5px
							}

							.vip-card-renewlist .vip-card-renewlist__item {
								align-items: center;
								background: transparent linear-gradient(180deg, #ededed, #ededed 50%, transparent 0, transparent 0) 0 0 repeat-x;
								background-size: 100% 1px;
								display: flex;
								flex: 0 0 auto;
								height: 18.66666667vmin;
								position: relative
							}

							.vip-card-renewlist .vip-card-renewlist__item:last-child {
								background-image: linear-gradient(0deg, #ededed, #ededed 50%, transparent 0, transparent 0), linear-gradient(180deg, #ededed, #ededed 50%, transparent 0, transparent 0);
								background-position: 0 0, 0 100%;
								background-repeat: repeat-x, repeat-x;
								background-size: 100% 1px, 100% 1px
							}

							.vip-card-renewlist .vip-card-renewlist__details p[role=details] {
								color: #000;
								font-size: 3.73333vmin
							}

							.vip-card-renewlist .vip-card-renewlist__details p[role=expired] {
								color: #959aa5;
								font-size: 3.2vmin
							}

							.vip-card-renewlist .vip-card-renewlist__details span {
								display: inline-block;
								margin-right: 1.33333333vmin
							}

							.vip-card-renewlist .vip-card-renewlist__details span:first-child,
							.vip-card-renewlist .vip-card-renewlist__details span:nth-child(2) {
								font-weight: 700
							}

							.vip-card-renewlist .vip-card-renewlist__details span:nth-child(2) {
								color: #ff4c67
							}

							.vip-card-renewlist .vip-card-renewlist__details span:nth-child(3) {
								color: #c8c8c8;
								font-size: 2.66667vmin
							}

							.vip-card-renewlist .vip-card-renewlist__details span:nth-child(4) {
								background-image: url(//gw.alicdn.com/tfs/TB1jNZ.f4n1gK0jSZKPXXXvUXXa-30-30.svg);
								background-repeat: no-repeat;
								background-size: contain;
								height: 3.73333333vmin;
								vertical-align: middle;
								width: 3.73333333vmin
							}

							.vip-card-renewlist .vip-card-renewlist__action {
								bottom: 0;
								display: flex;
								flex-flow: column;
								justify-content: center;
								position: absolute;
								right: 3.73333333vmin;
								top: 0
							}

							.vip-card-renewlist .vip-card-renewlist__action span[role=buy] {
								border: 1px solid #108ee9;
								border-radius: 1.06666667vmin;
								box-sizing: border-box;
								color: #108ee9;
								font-size: 3.73333vmin;
								line-height: 1.2;
								min-width: 23.46666667vmin;
								padding: 1.6vmin 2.66666667vmin;
								text-align: center
							}

							.vip-card-renewlist .vip-card-renewlist__action span[role=buy].red {
								border: 1px solid #ff4c67;
								color: #ff4c67
							}

							.vip-card-renewlist .vip-card-renewlist__action span[role=desc] {
								color: #108ee9;
								font-size: 2.13333vmin;
								margin-top: .53333333vmin;
								text-align: center
							}

							.vip-card-renewlist .vip-card-renewlist__action span[role=desc].red {
								color: #ff4c67
							}

							.vip-card-type.type-mode-extra {
								padding: 0 3.2vmin
							}

							.vip-card-type .vip-card-type__item {
								border: 1px solid var(--bui-color-border-default);
								border-radius: 1.6vmin;
								box-sizing: border-box;
								display: inline-block;
								flex: 1 1;
								height: 14.66666667vmin;
								max-width: 50%;
								min-width: 22.93333333vmin;
								padding-top: 2.66666667vmin;
								position: relative;
								text-align: center;
								vertical-align: top
							}

							.vip-card-type .vip-card-type__item p.discount:after {
								background-image: url(//gw.alicdn.com/tfs/TB1jNZ.f4n1gK0jSZKPXXXvUXXa-30-30.svg);
								background-position: 50%;
								background-repeat: no-repeat;
								background-size: contain;
								content: "";
								display: inline-block;
								height: 3.73333333vmin;
								vertical-align: middle;
								width: 3.73333333vmin
							}

							.vip-card-type .vip-card-type__item p span {
								vertical-align: middle
							}

							.vip-card-type .vip-card-type__item p[role=desc] {
								color: #000;
								font-size: 3.73333vmin;
								line-height: 1.2
							}

							.vip-card-type .vip-card-type__item p[role=price] {
								color: #ff4c67;
								font-size: 3.2vmin;
								font-weight: 700;
								line-height: 1.8
							}

							.vip-card-type .vip-card-type__item+.vip-card-type__item {
								margin-left: 2.66666667vmin
							}

							.vip-card-type .vip-card-type__item.selected {
								border-color: var(--bui-color-primary)
							}

							.vip-card-type .vip-card-type__item.selected:after {
								border-color: #ff4c67;
								border-width: .8vmin
							}

							.vip-card-type .vip-card-type__item.selected:before {
								background-image: url(//gw.alicdn.com/tfs/TB1BUI9f7L0gK0jSZFtXXXQCXXa-31-31.svg);
								background-position: 50%;
								background-repeat: no-repeat;
								background-size: cover;
								bottom: 0;
								content: "";
								height: 3.46666667vmin;
								position: absolute;
								right: 0;
								width: 3.46666667vmin
							}

							.vip-card-activities {
								width: 100%
							}

							.vip-card-activities .vip-card-activities-item {
								align-items: center;
								background: transparent linear-gradient(0deg, #ededed, #ededed 50%, transparent 0, transparent 0) 0 100% repeat-x;
								background-size: 100% 1px;
								box-sizing: border-box;
								color: #999;
								display: flex;
								font-size: 3.46667vmin;
								height: 12.8vmin;
								padding-left: 4vmin;
								padding-right: 4vmin;
								position: relative;
								width: 100%
							}

							.vip-card-activities .vip-card-activities-item .item__tag {
								align-items: center;
								border: 1px solid rgba(44, 199, 164, .4);
								border-radius: .8vmin;
								color: #2cc7a4;
								display: inline-flex;
								font-size: 2.66667vmin;
								height: 4vmin;
								justify-content: center;
								padding: 0 1.06667vmin
							}

							.vip-card-activities .vip-card-activities-item .item__title {
								color: var(--bui-color-fg-subtle);
								flex: 1 1;
								overflow: hidden;
								padding-left: 1.6vmin;
								text-overflow: ellipsis;
								white-space: nowrap;
								width: auto
							}

							.vip-card-subtitle img {
								border-radius: 50%;
								height: 100%;
								width: 100%
							}

							.vip-card-subtitle span {
								color: #000;
								display: -webkit-box;
								font-size: 3.73333vmin;
								overflow: hidden;
								text-overflow: ellipsis;
								-webkit-line-clamp: 2;
								-webkit-box-orient: vertical
							}

							.vip-card-header .vip-card-header__cancel {
								color: #000;
								position: absolute
							}

							.vip-card-footer .vip-card-footer__before {
								color: #959aa5;
								flex: 1 1 auto;
								line-height: 1.8
							}

							.vip-card-footer .vip-card-footer__before p[role=phone] {
								font-size: 3.2vmin
							}

							.vip-card-footer .vip-card-footer__before p[role=phone]+p[role=protocol] {
								font-size: 2.66667vmin
							}

							.vip-card-footer .vip-card-footer__before p[role=protocol] {
								font-size: 3.2vmin
							}

							.vip-card-footer .vip-card-footer__before p[role=protocol] a {
								color: var(--bui-color-info);
								text-decoration: underline
							}

							.vip-card-footer .vip-card-footer__before span[role=number] {
								color: #000;
								margin-right: 1.33333333vmin
							}

							.vip-card-footer .vip-card-footer__pay {
								background-image: linear-gradient(45deg, #ef16b9, #ff335c);
								border-radius: 14.93333333vmin;
								color: #fff;
								display: flex;
								flex: 0 0;
								flex-basis: 40vmin;
								flex-flow: column;
								height: 12vmin;
								justify-content: center;
								margin: 2.4vmin 3.2vmin 2.4vmin 0;
								text-align: center;
								width: 40vmin
							}

							.vip-card-footer .vip-card-footer__pay p[role=price] {
								font-size: 4vmin
							}

							.vip-card-footer .vip-card-footer__pay p[role=coupon] {
								font-size: 2.66667vmin
							}

							.vip-card-footer .red {
								background: #ff4c67
							}

							.vip-… .tpp-ckb {
								box-sizing: border-box;
								height: 7.46667vmin;
								padding: 1.06667vmin;
								position: relative;
								width: 7.46667vmin
							}

							.tpp-ckb .icon-check {
								height: 5.33333vmin;
								width: 5.33333vmin
							}

							.tpp-ckb .icon-check:before {
								background-image: url(//gw.alicdn.com/tfs/TB1TrZGgWL7gK0jSZFBXXXZZpXa-36-36.svg);
								background-position: 50%;
								background-repeat: no-repeat;
								background-size: cover;
								box-sizing: border-box;
								content: " ";
								display: block;
								height: 100%;
								width: 100%
							}

							.tpp-ckb input {
								-webkit-appearance: none;
								-moz-appearance: none;
								appearance: none;
								border: 0;
								height: 5.33333vmin;
								opacity: 0;
								position: absolute;
								width: 5.33333vmin;
								z-index: -1
							}

							.tpp-ckb input:checked+.icon-check:before {
								background-image: url(//gw.alicdn.com/tfs/TB1vwAFg7P2gK0jSZPxXXacQpXa-36-36.svg);
								background-size: cover
							}

							.dy-list .dy-list-item.disabled .tpp-ckb .icon-check:before,
							.tpp-ckb input:disabled+.icon-check:before {
								background-image: url(//gw.alicdn.com/tfs/TB11x7Lg7Y2gK0jSZFgXXc5OFXa-36-36.svg);
								background-size: cover
							}

							.mcard-pay-container {
								padding-top: 2.4vmin
							}

							.wx-cinema .mcard-pay-container {
								display: none
							}

							.icon-vipcard {
								background-image: url(//gw.alicdn.com/tfs/TB1tXYgFQL0gK0jSZFtXXXQCXXa-34-28.svg);
								background-position: 50%;
								background-size: cover;
								flex: 0 0 auto;
								height: 3.73333vmin;
								margin-left: 1.06667vmin;
								width: 4.53333vmin
							}

							.card-list-item {
								align-items: center;
								border: none;
								color: #000;
								display: flex;
								font-size: 5vmin;
								margin-top: 0;
								min-height: 9.6vmin;
								overflow: inherit;
								padding-bottom: 0;
								padding-left: 3.2vmin;
								padding-right: 3.2vmin;
								text-align: left;
								vertical-align: middle
							}

							.card-list-item .card-panel {
								align-items: center;
								background-color: #f0fcf7;
								border-radius: .8vmin;
								display: flex;
								overflow: auto;
								padding: 2.66667vmin;
								position: relative;
								width: 100%
							}

							.card-list-item .card-panel .card-content {
								flex: 1 1;
								min-width: 16vmin;
								overflow: hidden;
								text-overflow: ellipsis;
								white-space: nowrap;
								width: auto
							}

							.card-list-item .card-panel .mcard-title {
								align-items: center;
								color: var(--bui-color-fg-default);
								display: flex;
								font-size: 3.73333333vmin;
								margin-right: 1.06667vmin;
								overflow: hidden;
								text-overflow: ellipsis;
								white-space: nowrap;
								width: auto
							}

							.card-list-item .card-panel .mcard-title .mcard-name {
								flex: 0 1 auto;
								font-size: 3.73333vmin;
								overflow: hidden;
								text-overflow: ellipsis
							}

							.card-list-item .card-panel .mcard-title .mcard-name b {
								font-weight: 400
							}

							.card-list-item .card-panel .mcard-extra {
								color: #959aa5;
								flex: 1 1;
								font-size: 3.2vmin;
								line-height: 4.26667vmin;
								margin-top: 1.06667vmin;
								min-width: 0;
								overflow: hidden;
								text-align: left;
								text-overflow: ellipsis;
								white-space: nowrap;
								width: auto;
								word-break: break-all
							}

							.card-list-item .card-panel .mcard-radio {
								height: 5.33333333vmin;
								padding: 1.06666667vmin;
								width: 5.33333333vmin
							}

							.card-list-item .card-panel .price-desc {
								color: #959aa5;
								font-size: 3.2vmin;
								overflow: hidden;
								text-overflow: ellipsis;
								white-space: nowrap
							}

							.card-list-item .card-panel .price-desc .origin {
								color: #bcbcbc;
								text-align: center;
								text-decoration: line-through
							}

							.card-list-item .mcard-tiny-bubble {
								align-items: center;
								background: #ff684a;
								border-radius: 10.66667vmin;
								color: #fff;
								display: inline-flex;
								font-size: 2.4vmin;
								height: 4vmin;
								padding: 0 1.6vmin;
								position: absolute;
								right: 4vmin;
								top: 0;
								white-space: nowrap
							}

							.card-list-item .mcard-tiny-bubble-arrow {
								background: #ff684a;
								bottom: -.53333vmin;
								height: 1.06667vmin;
								left: 30%;
								position: absolute;
								transform: translateX(-50%) rotate(-45deg);
								width: 1.06667vmin;
								z-index: 1
							}

							.tippy-content {
								font-size: 3.46666667vmin
							}

							.bui-image {
								display: inline-block;
								height: auto;
								overflow: hidden;
								position: relative;
								width: auto
							}

							.bui-image .bui-image-img {
								display: block;
								height: 100%;
								opacity: 0;
								overflow: hidden;
								width: 100%
							}

							.bui-image .bui-image-img.bui-image-loaded {
								opacity: 1
							}

							.bui-image-default-icon-wrap {
								height: 100%;
								left: 0;
								opacity: 1;
								position: absolute;
								top: 0;
								width: 100%;
								z-index: 1
							}

							.bui-image-default-icon-wrap.bui-image-loaded {
								opacity: 0
							}

							.bui-image-default-icon-item {
								background-color: hsla(0, 0%, 50%, .2);
								height: 100%;
								width: 100%
							}

							.bui-card-header {
								align-items: center;
								color: var(--bui-color-fg-default);
								display: flex;
								flex-direction: row;
								font-size: var(--bui-title-size-4);
								font-weight: 500;
								padding: var(--bui-spacing-md) var(--bui-spacing-lg);
								position: relative
							}

							.bui-card-header-title {
								flex-shrink: 0;
								max-width: 100%
							}

							.bui-card-header-subtitle,
							.bui-card-header-title {
								overflow: hidden;
								text-overflow: ellipsis;
								white-space: nowrap
							}

							.bui-card-header-subtitle {
								color: var(--bui-color-fg-subtle);
								font-size: var(--bui-text-size-3);
								font-weight: 400;
								padding: 0 var(--bui-spacing-xs)
							}

							.bui-card-header-extra {
								white-space: nowrap
							}

							.bui-card-header-end-icon {
								align-items: center;
								display: flex;
								flex-direction: row
							}

							.bui-card-header-end-icon,
							.bui-card-header-extra {
								color: var(--bui-color-fg-subtle);
								font-size: var(--bui-text-size-3);
								font-weight: 400;
								margin-left: auto
							}

							.bui-card-header-extra+.bui-card-header-end-icon {
								margin-left: .53333vmin
							}

							.bogo-container {
								color: #000;
								font-size: 4.53333vmin;
								min-height: 9.6vmin;
								padding: 0 3.2vmin !important
							}

							.bogo-container .vip-bogo-icon {
								background: url(//img.alicdn.com/imgextra/i3/O1CN01kbrAAo1Iuycoc1Ski_!!6000000000954-2-tps-360-54.png) no-repeat;
								background-size: 100% 100%;
								height: 4vmin;
								width: 26.66666667vmin
							}

							.bogo-container .countimer-down-bogo {
								align-items: center;
								background: rgba(255, 67, 97, .1);
								border-radius: 1.6vmin;
								border-radius: .8vmin;
								color: #ff4361;
								display: flex;
								font-size: 2.66667vmin;
								font-weight: 700;
								height: 4.53333333vmin;
								justify-content: space-between;
								line-height: 4.53333333vmin;
								margin-left: 1.6vmin;
								padding: .26666667vmin 1.06666667vmin
							}

							.bogo-container .bogo-exchange-tip,
							.bogo-container .bogo-item-tip b {
								color: #333;
								font-size: 3.46667vmin;
								font-weight: 400
							}

							.bogo-drawer {
								border-radius: 3.2vmin 3.2vmin 0 0;
								max-height: 160vmin
							}

							.bogo-drawer .bui-drawer-content {
								background: var(--bui-color-bg-default);
								max-height: 133.33333vmin
							}

							.bogo-drawer-header {
								align-items: center;
								display: flex;
								flex: 0 0 auto;
								padding: 3.2vmin
							}

							.bogo-drawer-header .bogo-drawer-header-title {
								color: var(--bui-color-fg-default);
								font-size: 4.8vmin;
								font-weight: 600;
								margin-right: 6.4vmin;
								overflow: hidden;
								text-overflow: ellipsis;
								white-space: nowrap
							}

							.bogo-drawer-header .bui-icon-btn {
								position: absolute;
								right: 1.33333vmin;
								top: 1.33333vmin
							}

							.bogo-drawer-body {
								flex: 1 1 auto;
								overflow-x: hidden;
								overflow-y: auto;
								padding: 0 3.2vmin 3.2vmin
							}

							.bogo-drawer-body .banner-img,
							.bogo-drawer-body .brand-img {
								border-top-left-radius: 2.4vmin;
								border-top-right-radius: 2.4vmin;
								display: flex;
								height: auto;
								width: 100%
							}

							.bogo-drawer-body .banner-img {
								margin-bottom: 2.4vmin
							}

							.bogo-drawer-body .brand-description {
								border-top-left-radius: 0;
								border-top-right-radius: 0;
								margin-bottom: 2.4vmin
							}

							.bogo-drawer-body .brand-description .bui-card-header {
								width: auto
							}

							.bogo-drawer-body .brand-description .bui-card-header-title {
								font-size: 4.8vmin;
								white-space: normal
							}

							.bogo-drawer-body .content-item {
								margin-bottom: 2.4vmin
							}

							.bogo-drawer-body .content-item .bui-card-header {
								padding: 4vmin 3.2vmin 3.2vmin;
								width: auto
							}

							.bogo-drawer-body .content-item .bui-card-header .bui-card-header-subtitle,
							.bogo-drawer-body .content-item .bui-card-header .bui-card-header-title {
								white-space: normal
							}

							.bogo-drawer-body .content-item .bui-card-content {
								padding-bottom: 4vmin
							}

							.bogo-drawer-body .content-item-banner {
								background: transparent
							}

							.bogo-drawer-body .content-item-banner .bui-card-content {
								padding: 0
							}

							.bogo-drawer-body .content-item-banner .bui-card-content .banner-img {
								margin-bottom: 0
							}

							.bogo-drawer-body .content-title {
								font-size: 4vmin;
								font-weight: 600;
								margin-bottom: 1.33333vmin
							}

							.bogo-drawer-body .content-body {
								color: var(--bui-color-fg-subtle);
								font-size: 3.46667vmin;
								white-space: pre-wrap
							}

							.bogo-drawer-footer {
								align-items: center;
								background-color: var(--bui-color-bg-view);
								display: flex;
								flex: 0 0 auto;
								padding: 2.13333vmin 3.2vmin 9.06667vmin
							}

							.bogo-drawer-footer .score-container {
								flex: 1 1 auto
							}

							.bogo-drawer-footer .bui-btn {
								border: none;
								width: 42.13333vmin
							}

							.bogo-drawer-footer .profit-score {
								align-items: center;
								color: var(--bui-color-vip);
								display: flex;
								font-size: 4vmin;
								font-weight: 500
							}

							.bogo-drawer-footer .profit-score .bui-tag {
								margin-left: 1.33333vmin
							}

							.bogo-drawer-footer .bogo-profit-score-diamond {
								color: #210176
							}

							.bogo-drawer-footer .bogo-profit-score-diamond .bogo-profit-base-score {
								color: var(--bui-color-fg-subtle);
								font-size: 3.2vmin;
								font-weight: 400;
								margin-left: .8vmin
							}

							.bogo-drawer-footer .bogo-profit-base-score {
								text-decoration: line-through
							}

							.bogo-drawer-footer .bui-tag.bui-tag-outlined.bogo-profit-tag-diamond {
								border: 1px solid rgba(78, 21, 123, .3);
								color: #210176
							}

							.bogo-drawer-footer .bogo-profit-diamond-discount {
								-moz-column-gap: .8vmin;
								column-gap: .8vmin;
								display: flex
							}

							.bogo-drawer-footer .user-score {
								color: var(--bui-color-fg-subtle);
								font-size: 3.2vmin
							}

							.bogo-drawer-footer .bui-btn.bui-btn-vip {
								height: 12vmin
							}

							.bogo-drawer-footer .bui-btn.bogo-profit-btn {
								background-image: linear-gradient(90deg, #5790ff, #622bd3);
								color: var(--bui-color-bg-view)
							}

							@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-min-device-pixel-ratio:3),
							only screen and (device-width:390px) and (device-height:844px) and (-webkit-min-device-pixel-ratio:3),
							only screen and (device-width:393px) and (device-height:852px) and (-webkit-min-device-pixel-ratio:3),
							only screen and (device-width:414px) and (device-height:896px) and (-webkit-min-device-pixel-ratio:2),
							only screen and (device-width:428px) and (device-height:926px) and (-webkit-min-device-pixel-ratio:3),
							only screen and (device-width:430px) and (device-height:932px) and (-webkit-min-device-pixel-ratio:3) {
								.bogo-drawer-footer {
									padding-bottom: 46px
								}
							}

							.bogo-coupons .bui-checkbox {
								margin: 6.4vmin 0;
								width: 100%
							}

							.bogo-coupons .bui-checkbox .bui-checkbox-label {
								flex: 1 1;
								padding-left: 1.33333vmin
							}

							.bogo-coupons .bui-checkbox-disabled {
								opacity: 1
							}

							.bogo-coupons .bui-checkbox-disabled .bogo-coupon-subtitle,
							.bogo-coupons .bui-checkbox-disabled .bogo-coupon-title {
								color: var(--bui-color-fg-disabled)
							}

							.bogo-coupons .bui-checkbox-content {
								color: var(--bui-color-fg-subtle);
								flex: 1 1 auto;
								font-size: 3.2vmin
							}

							.bogo-coupons .bogo-coupon-title {
								color: var(--bui-color-fg-default);
								font-size: 4vmin
							}

							.bogo-coupons .bogo-coupon-subtitle {
								color: var(--bui-color-fg-subtle);
								font-size: 3.46667vmin
							}

							.bogo-coupons .bogo-coupon-restrict {
								align-items: center;
								color: var(--bui-color-red);
								display: flex;
								font-size: 3.2vmin;
								margin-top: 1.06667vmin
							}

							.bogo-coupons .bogo-coupon-restrict .bui-svg-icon {
								margin-right: .53333vmin
							}

							.bogo-coupons .bui-checkbox-label {
								flex: 1 1
							}

							.zaoniao-body {
								background-color: #fff;
								height: 74.66666667vmin;
								overflow: scroll;
								overflow: auto;
								padding: 0 4vmin
							}

							.zaoniao-body .pop-title {
								color: #2e333e;
								font-size: 3.73333vmin;
								font-weight: 700;
								line-height: 3.73333333vmin
							}

							.zaoniao-body .pop-content {
								color: #959aa5;
								font-size: 3.2vmin;
								line-height: 4.8vmin;
								margin-top: 2.66666667vmin;
								white-space: pre-line;
								word-break: break-all
							}

							.confirm-btn {
								margin-bottom: 2.66667vmin;
								margin-left: 4vmin;
								width: 92vmin !important
							}

							.popContainer {
								background-color: var(--bui-color-bg-default);
								border-radius: 3.2vmin;
								max-height: 160vmin;
								overflow-x: hidden;
								overflow: scroll
							}

							.popContainer .sheet-title {
								background-color: #fff;
								border-radius: 3.2vmin;
								padding-left: 4vmin;
								padding-right: 4vmin;
								position: -webkit-sticky;
								position: sticky;
								top: 0
							}

							.popContainer .sheet-title .title {
								flex: auto;
								overflow: hidden;
								text-overflow: ellipsis;
								white-space: nowrap
							}

							.popContainer .zainiao-img {
								border-top-left-radius: 2.4vmin;
								border-top-right-radius: 2.4vmin;
								margin: 0 auto;
								overflow: hidden;
								width: 100%
							}

							.popContainer .zainiao-img img {
								display: inline-block;
								vertical-align: middle;
								width: 100%
							}

							.popContainer .zainiao-content {
								padding: 0 4vmin 21.33333333vmin
							}

							.popContainer .zainiao-content .zaoniao-profit {
								background-color: #fff;
								border-bottom-left-radius: 2.4vmin;
								border-bottom-right-radius: 2.4vmin;
								padding: 4vmin 3.2vmin
							}

							.popContainer .zainiao-content .zaoniao-profit-name {
								color: #2e333e;
								font-size: 4.8vmin;
								font-weight: 700
							}

							.popContainer .zainiao-content .zaoniao-profit-dec {
								color: #959aa5;
								font-size: 3.2vmin;
								font-weight: 400;
								line-height: 4.8vmin;
								margin-top: 3.2vmin
							}

							.popContainer .rewards-goods-content-wraper {
								border-radius: 2.4vmin;
								margin: 0 auto;
								overflow: hidden;
								padding-bottom: 5.6vmin
							}

							.popContainer .rewards-goods-content-wraper .content-item {
								background-color: #fff;
								border-radius: 2.4vmin;
								margin-top: 2.4vmin;
								padding: 4vmin 3.2vmin
							}

							.popContainer .rewards-goods-content-wraper .content-item .title {
								color: #000;
								font-weight: 700
							}

							.popContainer .rewards-goods-content-wraper .content-item .sub-title {
								font-size: 3.2vmin;
								line-height: 4.8vmin;
								margin-top: 2.66666667vmin
							}

							.popContainer .rewards-goods-content-wraper .content-item .content-a,
							.popContainer .rewards-goods-content-wraper .content-item .content-b {
								color: #666;
								font-size: 3.46667vmin;
								font-weight: 400;
								line-height: 4.8vmin;
								margin-top: 3.2vmin;
								white-space: pre-line
							}

							.popContainer .rewards-goods-content-wraper .content-item .banner {
								margin-top: 4.8vmin;
								overflow: hidden;
								width: 100%
							}

							.popContainer .rewards-goods-content-wraper .content-item .banner .banner-pic {
								border-radius: 1.6vmin;
								display: inline-block;
								overflow: hidden;
								width: 100%
							}

							.popContainer .rewards-goods-content-wraper .content-item-banner {
								background-color: transparent;
								padding: 0
							}

							.popContainer .rewards-goods-content-wraper .content-item-banner .banner-pic {
								vertical-align: middle
							}

							.popContainer .exchange-btn {
								align-items: center;
								background-color: #fff;
								bottom: 0;
								box-shadow: 0 0 1.6vmin 0;
								box-sizing: border-box;
								display: flex;
								justify-content: space-between;
								padding-bottom: 9.06666667vmin;
								padding-top: 2.13333333vmin;
								position: fixed;
								width: 100%
							}

							.popContainer .exchange-btn .btn-action {
								background-image: linear-gradient(90deg, #ffd4a6 3%, #ffbeae);
								border-radius: 6.13333333vmin;
								color: #582331;
								font-size: 4.26667vmin;
								height: 12vmin;
								line-height: 12vmin;
								margin-right: 3.2vmin;
								text-align: center;
								width: 40vmin
							}

							.popContainer .exchange-btn .btn-action.disable {
								color: rgba(88, 35, 49, .5)
							}

							.popContainer .exchange-btn .score-part {
								display: flex;
								flex-direction: column;
								justify-content: center;
								margin-left: 3.2vmin;
								width: auto
							}

							.popContainer .exchange-btn .score-part .userscore {
								color: #959aa5;
								font-size: 3.2vmin;
								line-height: 3.2vmin;
								margin-top: 1.33333333vmin
							}

							.popContainer .exchange-btn .score-part .score {
								align-items: center;
								display: flex;
								flex-direction: row;
								justify-content: center
							}

							.popContainer .exchange-btn .score-part .score .consume-score {
								color: #ea9a7e;
								font-size: 4vmin;
								font-weight: 700;
								line-height: 4vmin;
								margin-right: .53333333vmin
							}

							.popContainer .exchange-btn .score-part .score .consume-score i {
								display: inline-block;
								font-size: 5.06667vmin;
								font-style: normal;
								margin-right: .53333333vmin
							}

							.popContainer .exchange-btn .score-part .score-left {
								align-items: center;
								border: 1px solid #ea9a7e;
								border-radius: .8vmin;
								color: #ea9a7e;
								display: flex;
								font-size: 2.66667vmin;
								font-weight: 500;
								height: 4vmin;
								justify-content: center;
								padding: 1px 1.6vmin 0
							}

							.popContainer .exchange-btn .score-part .score-left-diamond {
								border: 1px solid rgba(78, 21, 123, .3);
								color: #210276
							}

							.popContainer .exchange-btn .score-part .zaoniao-diamond-score .consume-score,
							.popContainer .exchange-btn .score-part .zaoniao-diamond-score .score-left {
								color: #210276
							}

							.popContainer .exchange-btn .score-part .zaoniao-diamond-discount {
								margin-top: 1.6vmin
							}

							.zaoniao-item {
								color: #000;
								font-size: 4.53333vmin;
								min-height: 9.6vmin;
								padding: 0 3.2vmin !important
							}

							.zaoniao-item .zaoniao-content {
								align-items: center;
								display: flex;
								flex-direction: row
							}

							.zaoniao-item .zaoniao-amount {
								color: #2e333e;
								font-size: 3.46667vmin;
								line-height: 3.46666667vmin
							}

							.zaoniao-titleimg {
								background-image: url(https://img.alicdn.com/imgextra/i4/O1CN01Pf4dvH1s7Lrn5xC69_!!6000000005719-2-tps-186-54.png);
								background-repeat: no-repeat;
								background-size: 13.6vmin 4vmin;
								display: inline-block;
								height: 4vmin;
								margin-right: .53333333vmin;
								width: 13.6vmin
							}

							.zaotiao-titletxt {
								display: inline-block;
								height: 4vmin;
								line-height: 4vmin !important;
								margin-top: .53333vmin;
								max-width: 26.66667vmin
							}

							.zaoniao-title,
							.zaotiao-titletxt {
								overflow: hidden;
								text-overflow: ellipsis;
								white-space: nowrap
							}

							.zaoniao-title {
								color: #874953 !important;
								display: flex;
								font-size: 3.2vmin !important;
								font-weight: 700;
								justify-content: center;
								margin-top: -.53333vmin;
								max-width: 48vmin
							}

							.zaoniao-subtitle {
								background-color: rgba(255, 67, 97, .1);
								border-radius: .8vmin;
								color: #ff4361;
								font-size: 2.66667vmin;
								margin-left: 1.6vmin;
								padding: 0 1.06666667vmin
							}

							.zaoniao-counter {
								align-items: center;
								display: flex;
								flex-direction: row;
								justify-content: space-between
							}

							.zaoniao-counter .countimer-down {
								background-color: rgba(255, 67, 97, .1);
								border-radius: .8vmin;
								color: #ff4361;
								font-size: 2.66667vmin;
								font-weight: 700;
								height: 4.53333333vmin;
								line-height: 4.53333333vmin;
								margin-left: 1.6vmin;
								padding: 0 1.06666667vmin
							}

							.zaoniao-counter .countimer-down.no-color {
								background-color: #fff !important
							}

							.zaoniao-diamond-score-desc {
								color: var(--bui-color-fg-subtle);
								font-size: 3.2vmin;
								margin-left: .8vmin;
								text-decoration: line-through
							}

							.zaoniao-diamond-discount {
								-moz-column-gap: .8vmin;
								column-gap: .8vmin;
								display: flex
							}

							.zaoniao-diamond-btn div {
								background-image: linear-gradient(90deg, #5790ff, #622bd3) !important;
								color: var(--bui-color-bg-view) !important
							}

							.bankdiscount {
								background-color: rgba(255, 67, 97, .1);
								border-radius: .8vmin;
								padding: 1.33333vmin 1.6vmin;
								position: relative
							}

							.bankdiscount .bui-checkbox-label {
								color: #ff4361 !important;
								font-size: 2.93333vmin;
								font-weight: 500;
								line-height: 2.93333vmin
							}

							.bankdiscount .bui-checkbox-icon {
								padding: 0 !important
							}

							.bankdiscount:after {
								background-image: url(https://gw.alicdn.com/imgextra/i3/O1CN01GDW4Bg1RL6A5MQpa1_!!6000000002094-2-tps-21-9.png);
								background-size: 1.86667vmin .8vmin;
								content: "";
								display: inline-block;
								height: .8vmin;
								position: absolute;
								right: 2.4vmin;
								top: -.8vmin;
								width: 1.86667vmin
							}

							.bui-radio {
								--label-color: var(--bui-color-fg-default);
								--label-font-size: var(--bui-text-size-1);
								--icon-font-size: var(--bui-title-size-2);
								align-items: center;
								display: inline-flex;
								position: relative
							}

							.bui-radio-disabled {
								cursor: not-allowed;
								opacity: .5;
								pointer-events: none
							}

							.bui-radio-label-left {
								flex-direction: row-reverse
							}

							.bui-radio-label-top {
								flex-direction: column-reverse
							}

							.bui-radio-label-bottom {
								flex-direction: column
							}

							.bui-radio-input {
								cursor: pointer;
								height: 100%;
								left: 0;
								opacity: 0;
								position: absolute;
								top: 0;
								width: 100%;
								z-index: 1
							}

							.bui-radio-icon {
								align-items: center;
								box-sizing: border-box;
								display: flex;
								flex-shrink: 0;
								font-size: var(--icon-font-size);
								justify-content: center;
								padding: 1.33333vmin
							}

							.bui-radio-label {
								color: var(--label-color);
								font-size: var(--label-font-size)
							}

							.bui-radio-btn-icon {
								display: flex;
								position: relative
							}

							.bui-radio-btn-icon-outline {
								transform: scale(1);
								transition: fill .2s cubic-bezier(.4, 0, .2, 1) 0ms
							}

							.bui-radio-btn-icon-contained {
								left: 0;
								position: absolute;
								transform: scale(0);
								transition: transform .15s cubic-bezier(.4, 0, 1, 1) 0ms
							}

							.bui-radio-btn-icon-checked .bui-radio-btn-icon-contained {
								transform: scale(1);
								transition: transform .15s cubic-bezier(0, 0, .2, 1) 0ms
							}

							.bank-activity-area {
								color: #000;
								font-size: 4.53333vmin;
								min-height: 9.6vmin;
								padding: 0 3.2vmin !important
							}

							.bank-activity-area .i-text {
								color: #2e333e;
								font-size: 3.73333vmin
							}

							.bank-activity-area .red-dot {
								background-color: #f94f58;
								border-radius: 26.66667vmin;
								height: 1.33333vmin;
								width: 1.33333vmin
							}

							.bank-cards {
								max-height: 93.3vmin;
								min-height: 85.3vmin;
								overflow: auto
							}

							.bank-cards .bui-radio {
								min-height: 10.13333vmin;
								padding: 3.2vmin 5.33333vmin 3.2vmin 3.2vmin
							}

							.bank-cards .bank-card-title {
								align-items: center;
								color: #2e333e;
								display: flex;
								font-size: 3.73333vmin;
								overflow: hidden;
								text-overflow: ellipsis;
								white-space: nowrap;
								width: 90%;
								width: auto
							}

							.bank-cards .bank-card-brief {
								color: var(--bui-color-fg-muted);
								font-size: 3.2vmin;
								width: 90%
							}

							.bank-cards .bank-icon {
								height: 4.26667vmin;
								margin-bottom: .53333vmin;
								margin-right: 1.06667vmin
							}

							.outer-bank-list .bui-checkbox {
								align-items: center;
								background-color: #f9f9f9;
								border: 1px solid #e0e0e0;
								border-radius: .8vmin;
								display: flex;
								height: 10.66667vmin;
								margin: 0 3.2vmin 2.66667vmin;
								padding: 0 3.2vmin
							}

							.outer-bank-list .bui-checkbox,
							.outer-bank-list .bui-checkbox-label {
								flex-grow: 2
							}

							[data-role=limit-time-price] {
								align-items: center;
								color: #000;
								display: flex;
								font-size: 3.73333vmin;
								min-height: 9.6vmin;
								width: 100%
							}

							[data-role=limit-time-price] b {
								color: #2e333e;
								font-weight: 400
							}

							[data-role=limit-time-price] i-text {
								font-size: 3.73333vmin
							}

							[data-role=limit-time-price] .bui-list-item {
								flex-grow: 1;
								padding: 0 3.2vmin !important
							}

							[data-role=limit-time-price] .bui-list-item .gray {
								font-size: 3.46667vmin;
								font-weight: 400
							}

							.limit-time-price-sheet {
								min-height: 85.3vmin
							}

							.limit-price-confirm {
								margin-left: 6.13333vmin;
								width: 88vmin !important
							}

							.limit-bt-container {
								padding: 2.13333vmin 0
							}

							.bank-cards .not-use,
							.bank-cards .use {
								font-size: 4.26667vmin
							}

							.bank-cards .act-desc {
								color: var(--bui-color-fg-muted);
								font-size: 3.2vmin;
								margin-top: .53333vmin
							}

							.bank-cards .bui-radio {
								display: flex;
								justify-content: space-between;
								padding: 3.2vmin 5.86667vmin 3.2vmin 3.73333vmin;
								width: 100%
							}

							.black-diamond-container .bui-checkbox-label {
								flex-grow: 1;
								padding-left: 2.4vmin
							}

							.black-diamond-container .refund-endorse-vip {
								background-image: linear-gradient(270deg, #f8ecff, #d4d3ff);
								border-radius: 1.6vmin;
								height: 13.6vmin;
								margin-left: 3.2vmin;
								width: 88.8vmin
							}

							.black-diamond-container .refund-endorse-vip .maintitle {
								align-items: center;
								color: #2e333e;
								display: flex;
								font-size: 3.46667vmin;
								font-weight: 400;
								line-height: 3.46667vmin
							}

							.black-diamond-container .refund-endorse-vip .maintitle .text {
								max-width: 21.33333vmin;
								overflow: hidden;
								text-overflow: ellipsis;
								white-space: nowrap;
								width: auto
							}

							.black-diamond-container .refund-endorse-vip .maintitle .black_vip_logo {
								background: url(https://gw.alicdn.com/imgextra/i2/O1CN01Xcl3dJ1cb5l5sNoss_!!6000000003618-2-tps-330-48.png) no-repeat 50%;
								background-size: 29.33333vmin 4.26667vmin;
								display: inline-block;
								flex-shrink: 0;
								height: 4.26667vmin;
								width: 29.33333vmin
							}

							.black-diamond-container .refund-endorse-vip .maintitle .dot {
								background-color: #000;
								border-radius: 50%;
								display: inline-block;
								height: 1.06667vmin;
								margin-left: 1.06667vmin;
								margin-right: 1.06667vmin;
								width: 1.06667vmin
							}

							.black-diamond-container .refund-endorse-vip .subtitle {
								color: #161633;
								font-size: 2.93333vmin;
								line-height: 2.93333vmin;
								margin-top: 2.13333vmin;
								max-width: 56vmin;
								overflow: hidden;
								text-overflow: ellipsis;
								white-space: nowrap;
								width: auto
							}

							.black-diamond-container .refund-endorse-vip .refund-endorse-extra {
								color: #161633;
								font-size: 2.93333vmin;
								font-weight: 400
							}

							.black-diamond-container .refund-endorse-vip .refund-endorse-extra .exchange-score {
								display: flex;
								font-size: 3.46667vmin;
								font-weight: 500;
								justify-content: flex-end;
								opacity: 1
							}

							.black-diamond-container .refund-endorse-vip .refund-endorse-extra .score-have {
								opacity: .6
							}

							.block-div {
								background-color: var(--bui-color-bg-default);
								border-radius: 2.4vmin;
								margin-left: 2.4vmin;
								margin-right: 2.4vmin;
								overflow: hidden
							}

							.block-div .block-title {
								text-align: left
							}

							.block-div .block-title .desc {
								align-items: center;
								background: transparent linear-gradient(0deg, #ededed, #ededed 50%, transparent 0, transparent 0) 0 100% repeat-x;
								background-size: 100% 1px;
								display: flex;
								font-size: 4.26667vmin;
								justify-content: flex-start;
								line-height: 1;
								padding: 3.46666667vmin 0
							}

							.sheet-title {
								align-items: center;
								display: flex;
								padding: 4.26667vmin
							}

							.sheet-title .title {
								color: var(--bui-color-fg-default);
								flex: 0 0 auto;
								font-size: 4.8vmin;
								font-weight: 600
							}

							.sheet-title .desc {
								color: #959aa5;
								flex: 1 1 auto;
								font-size: 3.2vmin;
								padding: 0 1.06667vmin
							}

							.sheet-title .close {
								align-items: center;
								display: flex;
								flex: 1 0 auto;
								justify-content: flex-end
							}

							.sheet-title-wx {
								align-items: center;
								display: flex;
								flex-direction: row;
								justify-content: flex-start;
								padding: 4.26667vmin
							}

							.sheet-title-wx .title {
								color: #000;
								flex-grow: 1;
								font-size: 4.8vmin;
								font-weight: 600;
								padding: 0 8vmin;
								text-align: center
							}

							.sheet-title-wx .sale-title {
								margin-left: 0 !important
							}

							.sheet-title-wx .close {
								align-items: center;
								display: flex;
								flex-grow: 0;
								height: 13.33333333vmin;
								justify-content: center;
								left: 0;
								position: absolute;
								top: 0;
								width: 13.33333333vmin
							}

							.sheet-title-wx .add-coupon {
								color: #1394f3;
								font-size: 3.46667vmin;
								line-height: 3.46666667vmin
							}

							.top-msg {
								background: #fff7df;
								border-radius: 1.6vmin;
								color: var(--bui-color-warning);
								font-size: 3.2vmin;
								margin: 0 3.2vmin 2.4vmin;
								padding: 2.13333vmin 3.2vmin;
								white-space: pre-wrap;
								word-break: break-all
							}

							.root-wrap {
								padding-bottom: 32vmin
							}

							body {
								margin: 0 !important
							}

							.marketing-wraper {
								background-color: var(--bui-color-bg-view);
								margin-left: 2.4vmin;
								margin-right: 2.4vmin;
								overflow: hidden;
								padding-bottom: 2.4vmin
							}

							.marketing-wraper,
							.sale-food-area {
								border-radius: 2.4vmin;
								margin-bottom: 2.4vmin !important
							}

							@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-min-device-pixel-ratio:3),
							only screen and (device-width:390px) and (device-height:844px) and (-webkit-min-device-pixel-ratio:3),
							only screen and (device-width:393px) and (device-height:852px) and (-webkit-min-device-pixel-ratio:3),
							only screen and (device-width:414px) and (device-height:896px) and (-webkit-min-device-pixel-ratio:2),
							only screen and (device-width:428px) and (device-height:926px) and (-webkit-min-device-pixel-ratio:3),
							only screen and (device-width:430px) and (device-height:932px) and (-webkit-min-device-pixel-ratio:3) {
								.sheet-wraper {
									padding-bottom: 34px
								}
							}